Hide image on mobile

This commit is contained in:
Pieter Vander Vennet 2020-07-31 18:48:37 +02:00
parent 77ad4ef666
commit fb13485983
4 changed files with 39 additions and 5 deletions

File diff suppressed because one or more lines are too long

View file

@ -31,7 +31,8 @@ export class WelcomeMessage extends UIElement {
} }
this.description = fromLayout((layout) => layout.welcomeMessage); this.description = fromLayout((layout) => layout.welcomeMessage);
this.plzLogIn = fromLayout((layout) => layout.gettingStartedPlzLogin.onClick(()=> State.state.osmConnection.AttemptLogin())); this.plzLogIn = fromLayout((layout) => layout.gettingStartedPlzLogin);
this.plzLogIn.onClick(()=> State.state.osmConnection.AttemptLogin());
this.welcomeBack = fromLayout((layout) => layout.welcomeBackMessage); this.welcomeBack = fromLayout((layout) => layout.welcomeBackMessage);
this.tail = fromLayout((layout) => layout.welcomeTail); this.tail = fromLayout((layout) => layout.welcomeTail);
} }

View file

@ -28,7 +28,7 @@
</div> </div>
<div id="messagesboxmobilewrapper"> <div id="messagesboxmobilewrapper">
<div style="position: absolute; left: 1em; top: 1em; z-index: 1"> <div id="decoration" style="position: absolute; left: 1em; top: 1em; z-index: 1">
<!-- A nice decoration while loading or on errors --> <!-- A nice decoration while loading or on errors -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="15em" height="15em" <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="15em" height="15em"
style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"

View file

@ -16,6 +16,8 @@ import {State} from "./State";
import {CustomLayout} from "./Logic/CustomLayers"; import {CustomLayout} from "./Logic/CustomLayers";
import {TagRenderingOptions} from "./Customizations/TagRenderingOptions"; import {TagRenderingOptions} from "./Customizations/TagRenderingOptions";
import {TagRendering} from "./Customizations/TagRendering"; import {TagRendering} from "./Customizations/TagRendering";
import {Img} from "./UI/Img";
import Combine from "./UI/Base/Combine";
// --------------------- Special actions based on the parameters ----------------- // --------------------- Special actions based on the parameters -----------------
@ -76,6 +78,8 @@ TagRendering.injectFunction();
State.state = new State(layoutToUse); State.state = new State(layoutToUse);
InitUiElements.InitBaseMap(); InitUiElements.InitBaseMap();
new FixedUiElement("").AttachTo("decoration"); // Remove the decoration
function setupAllLayerElements() { function setupAllLayerElements() {
// ------------- Setup the layers ------------------------------- // ------------- Setup the layers -------------------------------
@ -171,5 +175,5 @@ if ((window != window.top && !State.state.featureSwitchWelcomeMessage) || State.
new GeoLocationHandler().AttachTo("geolocate-button"); new GeoLocationHandler().AttachTo("geolocate-button");
State.state.locationControl.ping() // State.state.locationControl.ping()