forked from MapComplete/MapComplete
		
	Various styling and language tweaks
This commit is contained in:
		
							parent
							
								
									847c0911f9
								
							
						
					
					
						commit
						3d2b55f9f1
					
				
					 14 changed files with 30 additions and 29 deletions
				
			
		|  | @ -254,9 +254,9 @@ class AutomatonGui { | ||||||
| 
 | 
 | ||||||
|         LocalStorageSource.Get("automation-theme-id", "missing_streets").syncWith(themeSelect.GetValue()) |         LocalStorageSource.Get("automation-theme-id", "missing_streets").syncWith(themeSelect.GetValue()) | ||||||
| 
 | 
 | ||||||
| 
 |  | ||||||
|         const tilepath = ValidatedTextField.InputForType("url", { |         const tilepath = ValidatedTextField.InputForType("url", { | ||||||
|             placeholder: "Specifiy the path of the overview", |             placeholder: "Specifiy the path of the overview", | ||||||
|  |             inputStyle: "width: 100%" | ||||||
|         }) |         }) | ||||||
|         tilepath.SetClass("w-full") |         tilepath.SetClass("w-full") | ||||||
|         LocalStorageSource.Get("automation-tile_path").syncWith(tilepath.GetValue(), true) |         LocalStorageSource.Get("automation-tile_path").syncWith(tilepath.GetValue(), true) | ||||||
|  |  | ||||||
|  | @ -43,6 +43,7 @@ export default class MinimapImplementation extends BaseUIElement implements Mini | ||||||
|         this._addLayerControl = options.addLayerControl ?? false |         this._addLayerControl = options.addLayerControl ?? false | ||||||
|         this._options = options |         this._options = options | ||||||
|         MinimapImplementation._nextId++ |         MinimapImplementation._nextId++ | ||||||
|  |         this.SetClass("relative") | ||||||
| 
 | 
 | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
|  | @ -56,10 +56,8 @@ export default class FullWelcomePaneWithTabs extends ScrollableFullScreen { | ||||||
|                                      isShown: UIEventSource<boolean>): |                                      isShown: UIEventSource<boolean>): | ||||||
|         { header: string | BaseUIElement; content: BaseUIElement }[] { |         { header: string | BaseUIElement; content: BaseUIElement }[] { | ||||||
| 
 | 
 | ||||||
|         let welcome: BaseUIElement = new ThemeIntroductionPanel(isShown); |  | ||||||
| 
 |  | ||||||
|         const tabs: { header: string | BaseUIElement, content: BaseUIElement }[] = [ |         const tabs: { header: string | BaseUIElement, content: BaseUIElement }[] = [ | ||||||
|             {header: `<img src='${state.layoutToUse.icon}'>`, content: welcome}, |             {header: `<img src='${state.layoutToUse.icon}'>`, content: new ThemeIntroductionPanel(isShown)}, | ||||||
|         ] |         ] | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
|  | @ -51,7 +51,7 @@ export default class LeftControls extends Combine { | ||||||
|                         return new FeatureInfoBox(tagsSource, currentViewFL.layerDef, state, "currentview", guiState.currentViewControlIsOpened) |                         return new FeatureInfoBox(tagsSource, currentViewFL.layerDef, state, "currentview", guiState.currentViewControlIsOpened) | ||||||
|                             .SetClass("md:floating-element-width") |                             .SetClass("md:floating-element-width") | ||||||
|                     }) |                     }) | ||||||
|                 })) |                 })).SetStyle("width: 40rem").SetClass("block") | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|                 return new Toggle( |                 return new Toggle( | ||||||
|  |  | ||||||
|  | @ -102,7 +102,7 @@ | ||||||
|           "ifnot": "scooter=no", |           "ifnot": "scooter=no", | ||||||
|           "then": { |           "then": { | ||||||
|             "en": "<b>Scooters</b> can be charged here", |             "en": "<b>Scooters</b> can be charged here", | ||||||
|             "nl": "<b>Electrische scooters</b> (snorfiets of bromfiets) kunnen hier opgeladen worden", |             "nl": "<b>Elektrische scooters</b> (snorfiets of bromfiets) kunnen hier opgeladen worden", | ||||||
|             "de": "<b>Roller</b> können hier geladen werden" |             "de": "<b>Roller</b> können hier geladen werden" | ||||||
|           } |           } | ||||||
|         }, |         }, | ||||||
|  | @ -3553,7 +3553,7 @@ | ||||||
|       ], |       ], | ||||||
|       "title": { |       "title": { | ||||||
|         "en": "charging station with a normal european wall plug <img src='./assets/layers/charging_station/TypeE.svg' style='width: 2rem; height: 2rem; float: left; background: white; border-radius: 1rem; margin-right: 0.5rem'/> (meant to charge electrical bikes)", |         "en": "charging station with a normal european wall plug <img src='./assets/layers/charging_station/TypeE.svg' style='width: 2rem; height: 2rem; float: left; background: white; border-radius: 1rem; margin-right: 0.5rem'/> (meant to charge electrical bikes)", | ||||||
|         "nl": "laadpunt met gewone stekker(s) <img src='./assets/layers/charging_station/TypeE.svg' style='width: 2rem; height: 2rem; float: left; background: white; border-radius: 1rem; margin-right: 0.5rem'/> (bedoeld om electrische fietsen op te laden)" |         "nl": "laadpunt voor elektrische fietsen met gewone stekker(s)" | ||||||
|       }, |       }, | ||||||
|       "preciseInput": { |       "preciseInput": { | ||||||
|         "preferredBackground": "map" |         "preferredBackground": "map" | ||||||
|  |  | ||||||
|  | @ -38,7 +38,7 @@ | ||||||
|           ] |           ] | ||||||
|         }, |         }, | ||||||
|         "then": { |         "then": { | ||||||
|           "en": "Charging station for ebikes", |           "en": "Charging station for electrical bicycles", | ||||||
|           "nl": "Oplaadpunt voor elektrische fietsen" |           "nl": "Oplaadpunt voor elektrische fietsen" | ||||||
|         } |         } | ||||||
|       }, |       }, | ||||||
|  |  | ||||||
|  | @ -627,4 +627,4 @@ | ||||||
|       } |       } | ||||||
|     ] |     ] | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  | @ -358,4 +358,4 @@ | ||||||
|       } |       } | ||||||
|     ] |     ] | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  | @ -658,7 +658,7 @@ | ||||||
|           "_overlapping=Number(feat.properties.zoom) >= 16 ? feat.overlapWith('grb').map(ff => ff.feat.properties) : undefined", |           "_overlapping=Number(feat.properties.zoom) >= 16 ? feat.overlapWith('grb').map(ff => ff.feat.properties) : undefined", | ||||||
|           "_applicable=feat.get('_overlapping')?.filter(p => (p._imported_osm_object_found !== 'true' && p._intersects_with_other_features === ''))?.map(p => p.id)", |           "_applicable=feat.get('_overlapping')?.filter(p => (p._imported_osm_object_found !== 'true' && p._intersects_with_other_features === ''))?.map(p => p.id)", | ||||||
|           "_applicable_count=feat.get('_applicable')?.length" |           "_applicable_count=feat.get('_applicable')?.length" | ||||||
|         ],   |         ], | ||||||
|         "tagRenderings": [ |         "tagRenderings": [ | ||||||
|           { |           { | ||||||
|             "id": "hw", |             "id": "hw", | ||||||
|  | @ -700,8 +700,6 @@ | ||||||
|             "iconSize": "15,15,center" |             "iconSize": "15,15,center" | ||||||
|           } |           } | ||||||
|         ] |         ] | ||||||
| 
 |  | ||||||
|        |  | ||||||
|       } |       } | ||||||
|     } |     } | ||||||
|   ], |   ], | ||||||
|  | @ -709,4 +707,4 @@ | ||||||
|   "defaultBackgroundId": "AGIVFlandersGRB", |   "defaultBackgroundId": "AGIVFlandersGRB", | ||||||
|   "overpassMaxZoom": 17, |   "overpassMaxZoom": 17, | ||||||
|   "osmApiTileSize": 17 |   "osmApiTileSize": 17 | ||||||
| } | } | ||||||
|  | @ -13,13 +13,16 @@ | ||||||
|   "maintainer": "MapComplete", |   "maintainer": "MapComplete", | ||||||
|   "icon": "./assets/themes/speelplekken/logo.svg", |   "icon": "./assets/themes/speelplekken/logo.svg", | ||||||
|   "hideFromOverview": true, |   "hideFromOverview": true, | ||||||
|   "lockLocation": [ [ |   "lockLocation": [ | ||||||
|     4.291534423828125, |     [ | ||||||
|     51.061249423389796 |       4.291534423828125, | ||||||
|   ],   [ |       51.061249423389796 | ||||||
|     4.604301452636719, |     ], | ||||||
|     51.23978120350654 |     [ | ||||||
|   ]], |       4.604301452636719, | ||||||
|  |       51.23978120350654 | ||||||
|  |     ] | ||||||
|  |   ], | ||||||
|   "version": "0", |   "version": "0", | ||||||
|   "startLat": 51.17174, |   "startLat": 51.17174, | ||||||
|   "startLon": 4.449462, |   "startLon": 4.449462, | ||||||
|  |  | ||||||
|  | @ -14,10 +14,10 @@ | ||||||
|     "nl": "<p class='mb-4'><i>Pin je punt</i> is een open toerismekaart waarin wandelaars en fietsers nuttige gegevens verzamelen die handig zijn voor andere wandelaars en fietsers.</p><p>Met de steun van Toerisme Vlaanderen</p><img style='max-height:10rem; float: right; margin-top: 4rem; background: white; width: auto; padding: 0.5rem' src='./assets/themes/toerisme_vlaanderen/logo.png' />" |     "nl": "<p class='mb-4'><i>Pin je punt</i> is een open toerismekaart waarin wandelaars en fietsers nuttige gegevens verzamelen die handig zijn voor andere wandelaars en fietsers.</p><p>Met de steun van Toerisme Vlaanderen</p><img style='max-height:10rem; float: right; margin-top: 4rem; background: white; width: auto; padding: 0.5rem' src='./assets/themes/toerisme_vlaanderen/logo.png' />" | ||||||
|   }, |   }, | ||||||
|   "description": { |   "description": { | ||||||
|     "nl": "<p class='mb-4'><i>Pin je punt</i> is een open toerismekaart waarin wandelaars en fietsers nuttige info verzamelen voor andere wandelaars en fietsers.<b>Klik op de exacte locatie op de kaart</b>om een punt toe te voegen of op een bestaand punt om het te wijzigen. We verzamelen:<ol><li>Laadpunten voor e-bikes</li><li>Openbare toiletten</li><li>Zit- en picknickbankjes</li><li>Uitkijktorens</li><li>Fietsherstelpunten</li><li>Fietsverhuurpunten</li><li>Speeltuinen</li></ol></p>" |     "nl": "<p class='mb-4'><i>Pin je punt</i> is een open toerismekaart waarin wandelaars en fietsers nuttige info verzamelen voor andere wandelaars en fietsers.</p><p><b>Klik op de exacte locatie op de kaart</b> om een punt toe te voegen of op een bestaand punt om het te wijzigen. <br/> We verzamelen:<ol><li>Laadpunten voor elektrische fietsen</li><li>Openbare toiletten</li><li>Zit- en picknickbankjes</li><li>Uitkijktorens</li><li>Fietsherstelpunten</li><li>Fietsverhuurpunten</li><li>Speeltuinen</li></ol></p>" | ||||||
|   }, |   }, | ||||||
|   "descriptionTail": { |   "descriptionTail": { | ||||||
|     "nl": "<p>Een initiatief van de 5 provinciale toeristische organisaties en Toerisme Vlaanderen</p><a href='https://www.toerismevlaanderen.be/pinjepunt'>Meer informatie op toerismevlaanderen.be</a><img style='height:5rem; width: auto;' class='mt-6 mb-2' src='./assets/themes/toerisme_vlaanderen/logo.png' />" |     "nl": "<p>Een initiatief van de 5 provinciale toeristische organisaties en Toerisme Vlaanderen</p><p><a href='https://www.toerismevlaanderen.be/pinjepunt'>Meer informatie op toerismevlaanderen.be</a></p><img style='height:5rem; width: auto; float:right; margin-top: 1.25rem; margin-bottom: 0.5rem; margin-left: 6rem;' src='./assets/themes/toerisme_vlaanderen/logo.png' />" | ||||||
|   }, |   }, | ||||||
|   "icon": "./assets/svg/teardrop_with_hole_green.svg", |   "icon": "./assets/svg/teardrop_with_hole_green.svg", | ||||||
|   "startZoom": 8, |   "startZoom": 8, | ||||||
|  |  | ||||||
|  | @ -892,6 +892,10 @@ video { | ||||||
|   margin-top: 0.5rem; |   margin-top: 0.5rem; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | .mb-2 { | ||||||
|  |   margin-bottom: 0.5rem; | ||||||
|  | } | ||||||
|  | 
 | ||||||
| .ml-2 { | .ml-2 { | ||||||
|   margin-left: 0.5rem; |   margin-left: 0.5rem; | ||||||
| } | } | ||||||
|  | @ -932,10 +936,6 @@ video { | ||||||
|   margin-right: 0.75rem; |   margin-right: 0.75rem; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .mb-2 { |  | ||||||
|   margin-bottom: 0.5rem; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| .mb-0 { | .mb-0 { | ||||||
|   margin-bottom: 0px; |   margin-bottom: 0px; | ||||||
| } | } | ||||||
|  |  | ||||||
|  | @ -503,6 +503,7 @@ li::marker { | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  | 
 | ||||||
| /***************** Info box (box containing features and questions ******************/ | /***************** Info box (box containing features and questions ******************/ | ||||||
| 
 | 
 | ||||||
| input { | input { | ||||||
|  |  | ||||||
|  | @ -1249,7 +1249,7 @@ | ||||||
|         "name": "Oplaadpunten", |         "name": "Oplaadpunten", | ||||||
|         "presets": { |         "presets": { | ||||||
|             "0": { |             "0": { | ||||||
|                 "title": "laadpunt met gewone stekker(s) <img src='./assets/layers/charging_station/TypeE.svg' style='width: 2rem; height: 2rem; float: left; background: white; border-radius: 1rem; margin-right: 0.5rem'/> (bedoeld om electrische fietsen op te laden)" |                 "title": "laadpunt voor elektrische fietsen met gewone stekker(s)" | ||||||
|             }, |             }, | ||||||
|             "1": { |             "1": { | ||||||
|                 "title": "oplaadstation voor elektrische auto's" |                 "title": "oplaadstation voor elektrische auto's" | ||||||
|  | @ -1459,7 +1459,7 @@ | ||||||
|                         "then": "<b>Elektrische auto's</b> kunnen hier opgeladen worden" |                         "then": "<b>Elektrische auto's</b> kunnen hier opgeladen worden" | ||||||
|                     }, |                     }, | ||||||
|                     "2": { |                     "2": { | ||||||
|                         "then": "<b>Electrische scooters</b> (snorfiets of bromfiets) kunnen hier opgeladen worden" |                         "then": "<b>Elektrische scooters</b> (snorfiets of bromfiets) kunnen hier opgeladen worden" | ||||||
|                     }, |                     }, | ||||||
|                     "3": { |                     "3": { | ||||||
|                         "then": "<b>Vrachtwagens</b> kunnen hier opgeladen worden" |                         "then": "<b>Vrachtwagens</b> kunnen hier opgeladen worden" | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue