Styling tweaks for speelplekken theme

This commit is contained in:
pietervdvn 2021-04-23 12:59:09 +02:00
parent bc26805d69
commit 20386b7c0b
6 changed files with 97 additions and 53 deletions

View file

@ -2,7 +2,7 @@ import { Utils } from "../Utils";
export default class Constants { export default class Constants {
public static vNumber = "0.6.11"; public static vNumber = "0.6.11a";
// The user journey states thresholds when a new feature gets unlocked // The user journey states thresholds when a new feature gets unlocked
public static userJourney = { public static userJourney = {

42
Svg.ts

File diff suppressed because one or more lines are too long

View file

@ -157,7 +157,7 @@
"mappings": [] "mappings": []
}, },
"width": { "width": {
"render": "4" "render": "7"
}, },
"dashArray": { "dashArray": {
"render": "", "render": "",
@ -168,19 +168,15 @@
}, },
{ {
"if": "highway=path", "if": "highway=path",
"then": "10 3" "then": "0 12"
}, },
{ {
"if": "highway=footway", "if": {"or":["highway=footway","highway=pedestrian"]},
"then": "10 10" "then": "12 18"
},
{
"if": "highway=pedestrian",
"then": "10 10"
}, },
{ {
"if": "highway=living_street", "if": "highway=living_street",
"then": "10 5 3 5" "then": "12 12 0 12"
} }
] ]
}, },

View file

@ -13,7 +13,7 @@
"nl" "nl"
], ],
"maintainer": "MapComplete", "maintainer": "MapComplete",
"icon": "./assets/layers/play_forest/icon.svg", "icon": "./assets/themes/speelplekken/logo.svg",
"hideFromOverview": true, "hideFromOverview": true,
"lockLocation": true, "lockLocation": true,
"version": "0", "version": "0",
@ -186,7 +186,7 @@
] ]
}, },
"width": { "width": {
"render": "3" "render": "9"
} }
} }
], ],

View file

@ -15,7 +15,7 @@
"generate:translations": "ts-node scripts/generateTranslations.ts", "generate:translations": "ts-node scripts/generateTranslations.ts",
"generate:layouts": "ts-node scripts/generateLayouts.ts", "generate:layouts": "ts-node scripts/generateLayouts.ts",
"generate:docs": "ts-node scripts/generateDocs.ts && ts-node scripts/generateTaginfoProjectFiles.ts", "generate:docs": "ts-node scripts/generateDocs.ts && ts-node scripts/generateTaginfoProjectFiles.ts",
"generate:cache:speelplekken": "ts-node scripts/generateCache.ts speelplekken 14 ../pietervdvn.github.io/speelplekken_cache/ 51.20 4.37 51.11 4.51", "generate:cache:speelplekken": "ts-node scripts/generateCache.ts speelplekken 14 ../pietervdvn.github.io/speelplekken_cache/ 51.22 4.30 51.08 4.55",
"generate:layeroverview": "ts-node scripts/generateLayerOverview.ts --no-fail", "generate:layeroverview": "ts-node scripts/generateLayerOverview.ts --no-fail",
"generate:licenses": "ts-node scripts/generateLicenseInfo.ts --no-fail", "generate:licenses": "ts-node scripts/generateLicenseInfo.ts --no-fail",
"validate:layeroverview": "ts-node scripts/generateLayerOverview.ts --report", "validate:layeroverview": "ts-node scripts/generateLayerOverview.ts --report",

View file

@ -15,10 +15,88 @@
</head> </head>
<body> <body>
<div id="maindiv">'maindiv' not attached</div> <div id="maindiv">'maindiv' not attached</div>
<div id="extradiv">'extradiv' not attached</div> <div id="extradiv">'extradiv' not attached</div>
<script>
const cacheElement = {
"freshness": "2021-04-21T09:50:28.000Z",
feature:
{
"type": "Feature",
"id": "way/912515518",
"properties": {
"id": "way/912515518",
"name": "Speelbos De Reukens",
"playground": "forest",
"leisure": "playground",
"operator": "The world!"
},
"geometry": {
"type": "Polygon",
"coordinates": [
[
[
4.378341436386108,
51.120101600003316
],
[
4.378175139427185,
51.11954264284114
],
[
4.3786633014678955,
51.119963544947566
],
[
4.379317760467529,
51.119525806677146
],
[
4.379017353057861,
51.11997027935011
],
[
4.379714727401733,
51.12028679516189
],
[
4.379006624221802,
51.120313732577664
],
[
4.378706216812134,
51.120744729093836
],
[
4.378384351730347,
51.120306998225196
],
[
4.377686977386475,
51.120306998225196
],
[
4.378341436386108,
51.120101600003316
]
]
]
}
}
}
const cache = [cacheElement]
localStorage.setItem("cached-featuresspeelplekken", JSON.stringify(cache))
</script>
<script src="./test.ts"></script> <script src="./test.ts"></script>
<iframe src="http://127.0.0.1:1234/index.html" height="500px" width="600px"></iframe> <iframe src="http://127.0.0.1:1234/index.html" height="500px" width="600px"></iframe>
<iframe src="http://127.0.0.1:1234/index.html?layout=bookcases&fs-userbadge=false&fs-search=false&fs-welcome-message=false&fs-layers=false&fs-geolocation=false" height="500px" width="600px"></iframe> <iframe src="http://127.0.0.1:1234/index.html?layout=bookcases&fs-userbadge=false&fs-search=false&fs-welcome-message=false&fs-layers=false&fs-geolocation=false"
height="500px" width="600px"></iframe>
</body> </body>
</html> </html>