forked from MapComplete/MapComplete
Finetuning of various features
This commit is contained in:
parent
1b5737a06c
commit
c175202006
4 changed files with 522 additions and 526 deletions
1032
InitUiElements.ts
1032
InitUiElements.ts
File diff suppressed because it is too large
Load diff
4
State.ts
4
State.ts
|
@ -137,11 +137,11 @@ export default class State {
|
||||||
(b) => "" + b
|
(b) => "" + b
|
||||||
);
|
);
|
||||||
|
|
||||||
public FilterIsOpened: UIEventSource<boolean> =
|
public filterIsOpened: UIEventSource<boolean> =
|
||||||
QueryParameters.GetQueryParameter(
|
QueryParameters.GetQueryParameter(
|
||||||
"filter-toggle",
|
"filter-toggle",
|
||||||
"false",
|
"false",
|
||||||
"Whether or not the filter is shown"
|
"Whether or not the filter view is shown"
|
||||||
).map<boolean>(
|
).map<boolean>(
|
||||||
(str) => str !== "false",
|
(str) => str !== "false",
|
||||||
[],
|
[],
|
||||||
|
|
|
@ -6,7 +6,6 @@ import Translations from "../i18n/Translations";
|
||||||
import {UIEventSource} from "../../Logic/UIEventSource";
|
import {UIEventSource} from "../../Logic/UIEventSource";
|
||||||
import BaseUIElement from "../BaseUIElement";
|
import BaseUIElement from "../BaseUIElement";
|
||||||
import Toggle from "../Input/Toggle";
|
import Toggle from "../Input/Toggle";
|
||||||
import FilterView from "./FilterView";
|
|
||||||
import {DownloadPanel} from "./DownloadPanel";
|
import {DownloadPanel} from "./DownloadPanel";
|
||||||
|
|
||||||
export default class LayerControlPanel extends ScrollableFullScreen {
|
export default class LayerControlPanel extends ScrollableFullScreen {
|
||||||
|
@ -31,15 +30,6 @@ export default class LayerControlPanel extends ScrollableFullScreen {
|
||||||
});
|
});
|
||||||
elements.push(backgroundSelector)
|
elements.push(backgroundSelector)
|
||||||
}
|
}
|
||||||
elements.push(
|
|
||||||
new Toggle(
|
|
||||||
new FilterView(State.state.filteredLayers),
|
|
||||||
undefined,
|
|
||||||
State.state.filteredLayers.map(
|
|
||||||
(layers) => layers.length > 1 || layers[0].layerDef.filters.length > 0
|
|
||||||
)
|
|
||||||
)
|
|
||||||
);
|
|
||||||
|
|
||||||
elements.push(new Toggle(
|
elements.push(new Toggle(
|
||||||
new DownloadPanel(),
|
new DownloadPanel(),
|
||||||
|
|
|
@ -8,7 +8,7 @@ export default class MapControlButton extends Combine {
|
||||||
constructor(contents: BaseUIElement) {
|
constructor(contents: BaseUIElement) {
|
||||||
super([contents]);
|
super([contents]);
|
||||||
this.SetClass(
|
this.SetClass(
|
||||||
"relative block rounded-full w-10 h-10 p-1 pointer-events-auto z-above-map subtle-background"
|
"relative block rounded-full w-10 h-10 p-1 pointer-events-auto z-above-map subtle-background m-0.5 md:m-1"
|
||||||
);
|
);
|
||||||
this.SetStyle("box-shadow: 0 0 10px var(--shadow-color);");
|
this.SetStyle("box-shadow: 0 0 10px var(--shadow-color);");
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue