From 3d2b55f9f1c605985342efcca619b5dda28c94df Mon Sep 17 00:00:00 2001 From: pietervdvn Date: Fri, 11 Feb 2022 01:20:01 +0100 Subject: [PATCH] Various styling and language tweaks --- UI/AutomatonGui.ts | 2 +- UI/Base/MinimapImplementation.ts | 1 + UI/BigComponents/FullWelcomePaneWithTabs.ts | 4 +--- UI/BigComponents/LeftControls.ts | 2 +- .../charging_station/charging_station.json | 4 ++-- .../charging_station/charging_station.protojson | 2 +- assets/themes/buurtnatuur/buurtnatuur.json | 2 +- assets/themes/cyclestreets/cyclestreets.json | 2 +- assets/themes/grb_import/grb.json | 6 ++---- assets/themes/speelplekken/speelplekken.json | 17 ++++++++++------- .../toerisme_vlaanderen.json | 4 ++-- css/index-tailwind-output.css | 8 ++++---- index.css | 1 + langs/layers/nl.json | 4 ++-- 14 files changed, 30 insertions(+), 29 deletions(-) diff --git a/UI/AutomatonGui.ts b/UI/AutomatonGui.ts index 385a354e9..db5d6a645 100644 --- a/UI/AutomatonGui.ts +++ b/UI/AutomatonGui.ts @@ -254,9 +254,9 @@ class AutomatonGui { LocalStorageSource.Get("automation-theme-id", "missing_streets").syncWith(themeSelect.GetValue()) - const tilepath = ValidatedTextField.InputForType("url", { placeholder: "Specifiy the path of the overview", + inputStyle: "width: 100%" }) tilepath.SetClass("w-full") LocalStorageSource.Get("automation-tile_path").syncWith(tilepath.GetValue(), true) diff --git a/UI/Base/MinimapImplementation.ts b/UI/Base/MinimapImplementation.ts index 29c38e6e1..4a240bd56 100644 --- a/UI/Base/MinimapImplementation.ts +++ b/UI/Base/MinimapImplementation.ts @@ -43,6 +43,7 @@ export default class MinimapImplementation extends BaseUIElement implements Mini this._addLayerControl = options.addLayerControl ?? false this._options = options MinimapImplementation._nextId++ + this.SetClass("relative") } diff --git a/UI/BigComponents/FullWelcomePaneWithTabs.ts b/UI/BigComponents/FullWelcomePaneWithTabs.ts index 9654eef1c..b9e149800 100644 --- a/UI/BigComponents/FullWelcomePaneWithTabs.ts +++ b/UI/BigComponents/FullWelcomePaneWithTabs.ts @@ -56,10 +56,8 @@ export default class FullWelcomePaneWithTabs extends ScrollableFullScreen { isShown: UIEventSource): { header: string | BaseUIElement; content: BaseUIElement }[] { - let welcome: BaseUIElement = new ThemeIntroductionPanel(isShown); - const tabs: { header: string | BaseUIElement, content: BaseUIElement }[] = [ - {header: ``, content: welcome}, + {header: ``, content: new ThemeIntroductionPanel(isShown)}, ] diff --git a/UI/BigComponents/LeftControls.ts b/UI/BigComponents/LeftControls.ts index 750aff5fc..0681322d4 100644 --- a/UI/BigComponents/LeftControls.ts +++ b/UI/BigComponents/LeftControls.ts @@ -51,7 +51,7 @@ export default class LeftControls extends Combine { return new FeatureInfoBox(tagsSource, currentViewFL.layerDef, state, "currentview", guiState.currentViewControlIsOpened) .SetClass("md:floating-element-width") }) - })) + })).SetStyle("width: 40rem").SetClass("block") return new Toggle( diff --git a/assets/layers/charging_station/charging_station.json b/assets/layers/charging_station/charging_station.json index ac2670da1..caa948edb 100644 --- a/assets/layers/charging_station/charging_station.json +++ b/assets/layers/charging_station/charging_station.json @@ -102,7 +102,7 @@ "ifnot": "scooter=no", "then": { "en": "Scooters can be charged here", - "nl": "Electrische scooters (snorfiets of bromfiets) kunnen hier opgeladen worden", + "nl": "Elektrische scooters (snorfiets of bromfiets) kunnen hier opgeladen worden", "de": "Roller können hier geladen werden" } }, @@ -3553,7 +3553,7 @@ ], "title": { "en": "charging station with a normal european wall plug (meant to charge electrical bikes)", - "nl": "laadpunt met gewone stekker(s) (bedoeld om electrische fietsen op te laden)" + "nl": "laadpunt voor elektrische fietsen met gewone stekker(s)" }, "preciseInput": { "preferredBackground": "map" diff --git a/assets/layers/charging_station/charging_station.protojson b/assets/layers/charging_station/charging_station.protojson index 2b6d60be4..72fb64d1d 100644 --- a/assets/layers/charging_station/charging_station.protojson +++ b/assets/layers/charging_station/charging_station.protojson @@ -38,7 +38,7 @@ ] }, "then": { - "en": "Charging station for ebikes", + "en": "Charging station for electrical bicycles", "nl": "Oplaadpunt voor elektrische fietsen" } }, diff --git a/assets/themes/buurtnatuur/buurtnatuur.json b/assets/themes/buurtnatuur/buurtnatuur.json index de3cbc32b..1ef2e4f1d 100644 --- a/assets/themes/buurtnatuur/buurtnatuur.json +++ b/assets/themes/buurtnatuur/buurtnatuur.json @@ -627,4 +627,4 @@ } ] } -} +} \ No newline at end of file diff --git a/assets/themes/cyclestreets/cyclestreets.json b/assets/themes/cyclestreets/cyclestreets.json index 625ba19f3..410ac7bf7 100644 --- a/assets/themes/cyclestreets/cyclestreets.json +++ b/assets/themes/cyclestreets/cyclestreets.json @@ -358,4 +358,4 @@ } ] } -} +} \ No newline at end of file diff --git a/assets/themes/grb_import/grb.json b/assets/themes/grb_import/grb.json index e27cc59eb..f8bf509ff 100644 --- a/assets/themes/grb_import/grb.json +++ b/assets/themes/grb_import/grb.json @@ -658,7 +658,7 @@ "_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_count=feat.get('_applicable')?.length" - ], + ], "tagRenderings": [ { "id": "hw", @@ -700,8 +700,6 @@ "iconSize": "15,15,center" } ] - - } } ], @@ -709,4 +707,4 @@ "defaultBackgroundId": "AGIVFlandersGRB", "overpassMaxZoom": 17, "osmApiTileSize": 17 -} +} \ No newline at end of file diff --git a/assets/themes/speelplekken/speelplekken.json b/assets/themes/speelplekken/speelplekken.json index 52a87478a..c4ff417d2 100644 --- a/assets/themes/speelplekken/speelplekken.json +++ b/assets/themes/speelplekken/speelplekken.json @@ -13,13 +13,16 @@ "maintainer": "MapComplete", "icon": "./assets/themes/speelplekken/logo.svg", "hideFromOverview": true, - "lockLocation": [ [ - 4.291534423828125, - 51.061249423389796 - ], [ - 4.604301452636719, - 51.23978120350654 - ]], + "lockLocation": [ + [ + 4.291534423828125, + 51.061249423389796 + ], + [ + 4.604301452636719, + 51.23978120350654 + ] + ], "version": "0", "startLat": 51.17174, "startLon": 4.449462, diff --git a/assets/themes/toerisme_vlaanderen/toerisme_vlaanderen.json b/assets/themes/toerisme_vlaanderen/toerisme_vlaanderen.json index 57cb3702e..dd76a307c 100644 --- a/assets/themes/toerisme_vlaanderen/toerisme_vlaanderen.json +++ b/assets/themes/toerisme_vlaanderen/toerisme_vlaanderen.json @@ -14,10 +14,10 @@ "nl": "

Pin je punt is een open toerismekaart waarin wandelaars en fietsers nuttige gegevens verzamelen die handig zijn voor andere wandelaars en fietsers.

Met de steun van Toerisme Vlaanderen

" }, "description": { - "nl": "

Pin je punt is een open toerismekaart waarin wandelaars en fietsers nuttige info verzamelen voor andere wandelaars en fietsers.Klik op de exacte locatie op de kaartom een punt toe te voegen of op een bestaand punt om het te wijzigen. We verzamelen:

  1. Laadpunten voor e-bikes
  2. Openbare toiletten
  3. Zit- en picknickbankjes
  4. Uitkijktorens
  5. Fietsherstelpunten
  6. Fietsverhuurpunten
  7. Speeltuinen

" + "nl": "

Pin je punt is een open toerismekaart waarin wandelaars en fietsers nuttige info verzamelen voor andere wandelaars en fietsers.

Klik op de exacte locatie op de kaart om een punt toe te voegen of op een bestaand punt om het te wijzigen.
We verzamelen:

  1. Laadpunten voor elektrische fietsen
  2. Openbare toiletten
  3. Zit- en picknickbankjes
  4. Uitkijktorens
  5. Fietsherstelpunten
  6. Fietsverhuurpunten
  7. Speeltuinen

" }, "descriptionTail": { - "nl": "

Een initiatief van de 5 provinciale toeristische organisaties en Toerisme Vlaanderen

Meer informatie op toerismevlaanderen.be" + "nl": "

Een initiatief van de 5 provinciale toeristische organisaties en Toerisme Vlaanderen

Meer informatie op toerismevlaanderen.be

" }, "icon": "./assets/svg/teardrop_with_hole_green.svg", "startZoom": 8, diff --git a/css/index-tailwind-output.css b/css/index-tailwind-output.css index 844e7d433..5685d6cf3 100644 --- a/css/index-tailwind-output.css +++ b/css/index-tailwind-output.css @@ -892,6 +892,10 @@ video { margin-top: 0.5rem; } +.mb-2 { + margin-bottom: 0.5rem; +} + .ml-2 { margin-left: 0.5rem; } @@ -932,10 +936,6 @@ video { margin-right: 0.75rem; } -.mb-2 { - margin-bottom: 0.5rem; -} - .mb-0 { margin-bottom: 0px; } diff --git a/index.css b/index.css index 259260ca3..ae59d013c 100644 --- a/index.css +++ b/index.css @@ -503,6 +503,7 @@ li::marker { } + /***************** Info box (box containing features and questions ******************/ input { diff --git a/langs/layers/nl.json b/langs/layers/nl.json index d7ca1a79d..4f175b3f5 100644 --- a/langs/layers/nl.json +++ b/langs/layers/nl.json @@ -1249,7 +1249,7 @@ "name": "Oplaadpunten", "presets": { "0": { - "title": "laadpunt met gewone stekker(s) (bedoeld om electrische fietsen op te laden)" + "title": "laadpunt voor elektrische fietsen met gewone stekker(s)" }, "1": { "title": "oplaadstation voor elektrische auto's" @@ -1459,7 +1459,7 @@ "then": "Elektrische auto's kunnen hier opgeladen worden" }, "2": { - "then": "Electrische scooters (snorfiets of bromfiets) kunnen hier opgeladen worden" + "then": "Elektrische scooters (snorfiets of bromfiets) kunnen hier opgeladen worden" }, "3": { "then": "Vrachtwagens kunnen hier opgeladen worden"