midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Workaround: popups move into zoom vertically too now on desktop

Browse source
This commit is contained in:
pietervdvn 2021-01-07 20:11:07 +01:00
parent 7dc7cc283d
commit 9a412c6b74
4 changed files with 17 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Models/Constants.ts
View file

@ -1,7 +1,7 @@
import { Utils } from "../Utils";
export default class Constants {
public static vNumber = "0.4.0";
public static vNumber = "0.4.2";
// The user journey states thresholds when a new feature gets unlocked
public static userJourney = {

6
UI/Base/LazyElement.ts
View file

@ -6,9 +6,11 @@ export default class LazyElement extends UIElement {
private _content: UIElement = undefined;
public Activate: () => void;
private _loadingContent: string;
constructor(content: (() => UIElement)) {
constructor(content: (() => UIElement), loadingContent = "Rendering...") {
super();
this._loadingContent = loadingContent;
this.dumbMode = false;
const self = this;
this.Activate = () => {
@ -21,7 +23,7 @@ export default class LazyElement extends UIElement {
InnerRender(): string {
if (this._content === undefined) {
return "Rendering...";
return this._loadingContent;
}
return this._content.InnerRender();
}

19
UI/BigComponents/LayerControlPanel.ts
View file

@ -5,10 +5,10 @@ import LayerSelection from "./LayerSelection";
import Combine from "../Base/Combine";
import Translations from "../i18n/Translations";
export default class LayerControlPanel extends UIElement{
export default class LayerControlPanel extends UIElement {
private readonly _panel: UIElement;
constructor() {
super();
let layerControlPanel: UIElement = undefined;
@ -21,7 +21,8 @@ export default class LayerControlPanel extends UIElement{
if (State.state.filteredLayers.data.length > 1) {
const layerSelection = new LayerSelection();
layerSelection.onClick(() => { });
layerSelection.onClick(() => {
});
layerControlPanel = new Combine([layerSelection, "<br/>", layerControlPanel]);
}
@ -32,14 +33,14 @@ export default class LayerControlPanel extends UIElement{
]).SetClass("only-on-mobile")
.onClick(() => State.state.fullScreenMessage.setData(undefined));
layerControlPanel = new Combine([layerControlPanel, backButton]);
layerControlPanel = new Combine([layerControlPanel , backButton]);
this._panel = layerControlPanel;
}
InnerRender(): string {
return this._panel.Render();
}
}

3
UI/ShowDataLayer.ts
View file

@ -124,7 +124,8 @@ export default class ShowDataLayer {
const tags = State.state.allElements.getEventSourceFor(feature);
const uiElement: LazyElement = new LazyElement(() => new FeatureInfoBox(tags, layer));
const uiElement: LazyElement = new LazyElement(() => new FeatureInfoBox(tags, layer),
"<div style='height: 90vh'>Rendering</div>");
popup.setContent(uiElement.Render());
popup.on('remove', () => {
State.state.selectedElement.setData(undefined);