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.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.tail = fromLayout((layout) => layout.welcomeTail);
|
||||
}
|
||||
|
|
|
@ -28,7 +28,7 @@
|
|||
</div>
|
||||
|
||||
<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 -->
|
||||
<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"
|
||||
|
|
10
index.ts
10
index.ts
|
@ -16,6 +16,8 @@ import {State} from "./State";
|
|||
import {CustomLayout} from "./Logic/CustomLayers";
|
||||
import {TagRenderingOptions} from "./Customizations/TagRenderingOptions";
|
||||
import {TagRendering} from "./Customizations/TagRendering";
|
||||
import {Img} from "./UI/Img";
|
||||
import Combine from "./UI/Base/Combine";
|
||||
|
||||
|
||||
// --------------------- Special actions based on the parameters -----------------
|
||||
|
@ -76,15 +78,17 @@ TagRendering.injectFunction();
|
|||
State.state = new State(layoutToUse);
|
||||
InitUiElements.InitBaseMap();
|
||||
|
||||
new FixedUiElement("").AttachTo("decoration"); // Remove the decoration
|
||||
|
||||
function setupAllLayerElements() {
|
||||
|
||||
// ------------- Setup the layers -------------------------------
|
||||
// ------------- Setup the layers -------------------------------
|
||||
|
||||
InitUiElements.InitLayers();
|
||||
InitUiElements.InitLayerSelection();
|
||||
|
||||
|
||||
// ------------------ Setup various other UI elements ------------
|
||||
// ------------------ Setup various other UI elements ------------
|
||||
|
||||
|
||||
InitUiElements.OnlyIf(State.state.featureSwitchAddNew, () => {
|
||||
|
@ -171,5 +175,5 @@ if ((window != window.top && !State.state.featureSwitchWelcomeMessage) || State.
|
|||
new GeoLocationHandler().AttachTo("geolocate-button");
|
||||
|
||||
|
||||
State.state.locationControl.ping()
|
||||
// State.state.locationControl.ping()
|
||||
|
||||
|
|
Loading…
Reference in a new issue