Hide image on mobile
This commit is contained in:
parent
77ad4ef666
commit
fb13485983
4 changed files with 39 additions and 5 deletions
29
UI/Img.ts
29
UI/Img.ts
File diff suppressed because one or more lines are too long
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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"
|
||||||
|
|
6
index.ts
6
index.ts
|
@ -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()
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue