diff --git a/Svg.ts b/Svg.ts index 3809edf..246569d 100644 --- a/Svg.ts +++ b/Svg.ts @@ -4,7 +4,7 @@ import {FixedUiElement} from "./UI/Base/FixedUiElement"; export default class Svg { - public static Ornament_Horiz_0 = " image/svg+xml " + public static Ornament_Horiz_0 = " image/svg+xml " public static Ornament_Horiz_0_img = Img.AsImageElement(Svg.Ornament_Horiz_0) public static Ornament_Horiz_0_svg() { return new FixedUiElement(Svg.Ornament_Horiz_0);} public static Ornament_Horiz_0_ui() { return new FixedUiElement(Svg.Ornament_Horiz_0_img);} @@ -14,17 +14,17 @@ export default class Svg { public static Ornament_Horiz_1_svg() { return new FixedUiElement(Svg.Ornament_Horiz_1);} public static Ornament_Horiz_1_ui() { return new FixedUiElement(Svg.Ornament_Horiz_1_img);} - public static Ornament_Horiz_2 = " image/svg+xml " + public static Ornament_Horiz_2 = " image/svg+xml " public static Ornament_Horiz_2_img = Img.AsImageElement(Svg.Ornament_Horiz_2) public static Ornament_Horiz_2_svg() { return new FixedUiElement(Svg.Ornament_Horiz_2);} public static Ornament_Horiz_2_ui() { return new FixedUiElement(Svg.Ornament_Horiz_2_img);} - public static Ornament_Horiz_3 = " image/svg+xml " + public static Ornament_Horiz_3 = " image/svg+xml " public static Ornament_Horiz_3_img = Img.AsImageElement(Svg.Ornament_Horiz_3) public static Ornament_Horiz_3_svg() { return new FixedUiElement(Svg.Ornament_Horiz_3);} public static Ornament_Horiz_3_ui() { return new FixedUiElement(Svg.Ornament_Horiz_3_img);} - public static Ornament_Horiz_4 = " image/svg+xml " + public static Ornament_Horiz_4 = " image/svg+xml " public static Ornament_Horiz_4_img = Img.AsImageElement(Svg.Ornament_Horiz_4) public static Ornament_Horiz_4_svg() { return new FixedUiElement(Svg.Ornament_Horiz_4);} public static Ornament_Horiz_4_ui() { return new FixedUiElement(Svg.Ornament_Horiz_4_img);} @@ -34,7 +34,7 @@ export default class Svg { public static Ornament_Horiz_5_svg() { return new FixedUiElement(Svg.Ornament_Horiz_5);} public static Ornament_Horiz_5_ui() { return new FixedUiElement(Svg.Ornament_Horiz_5_img);} - public static Ornament_Horiz_6 = " image/svg+xml " + public static Ornament_Horiz_6 = " image/svg+xml " public static Ornament_Horiz_6_img = Img.AsImageElement(Svg.Ornament_Horiz_6) public static Ornament_Horiz_6_svg() { return new FixedUiElement(Svg.Ornament_Horiz_6);} public static Ornament_Horiz_6_ui() { return new FixedUiElement(Svg.Ornament_Horiz_6_img);} diff --git a/UI/BigComponents/LayerControlPanel.ts b/UI/BigComponents/LayerControlPanel.ts index 8b90df0..f52acc1 100644 --- a/UI/BigComponents/LayerControlPanel.ts +++ b/UI/BigComponents/LayerControlPanel.ts @@ -3,6 +3,7 @@ import State from "../../State"; import BackgroundSelector from "./BackgroundSelector"; import LayerSelection from "./LayerSelection"; import Combine from "../Base/Combine"; +import Translations from "../i18n/Translations"; export default class LayerControlPanel extends UIElement{ private readonly _panel: UIElement; @@ -23,6 +24,17 @@ export default class LayerControlPanel extends UIElement{ layerSelection.onClick(() => { }); layerControlPanel = new Combine([layerSelection, "
", layerControlPanel]); } + + + const backButton = new Combine([ + new Combine([Translations.t.general.returnToTheMap.Clone().SetClass("to-the-map")]) + .SetClass("to-the-map-inner") + + ]).SetClass("only-on-mobile") + .onClick(() => State.state.fullScreenMessage.setData(undefined)); + + layerControlPanel = new Combine([layerControlPanel, backButton]); + this._panel = layerControlPanel; } diff --git a/UI/BigComponents/LayerSelection.ts b/UI/BigComponents/LayerSelection.ts index 3766bdf..f914a18 100644 --- a/UI/BigComponents/LayerSelection.ts +++ b/UI/BigComponents/LayerSelection.ts @@ -7,6 +7,9 @@ import Combine from "../Base/Combine"; import {FixedUiElement} from "../Base/FixedUiElement"; import Translations from "../i18n/Translations"; +/** + * Shows the panel with all layers and a toggle for each of them + */ export default class LayerSelection extends UIElement { private readonly _checkboxes: UIElement[]; diff --git a/css/tagrendering.css b/css/tagrendering.css index ffab215..bab0741 100644 --- a/css/tagrendering.css +++ b/css/tagrendering.css @@ -35,7 +35,6 @@ font-weight: bold; display: flex; justify-content: space-between; - flex-wrap: wrap; flex-grow: 2; word-break: break-all; }