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
|
||||
);
|
||||
|
||||
public FilterIsOpened: UIEventSource<boolean> =
|
||||
public filterIsOpened: UIEventSource<boolean> =
|
||||
QueryParameters.GetQueryParameter(
|
||||
"filter-toggle",
|
||||
"false",
|
||||
"Whether or not the filter is shown"
|
||||
"Whether or not the filter view is shown"
|
||||
).map<boolean>(
|
||||
(str) => str !== "false",
|
||||
[],
|
||||
|
|
|
@ -6,7 +6,6 @@ import Translations from "../i18n/Translations";
|
|||
import {UIEventSource} from "../../Logic/UIEventSource";
|
||||
import BaseUIElement from "../BaseUIElement";
|
||||
import Toggle from "../Input/Toggle";
|
||||
import FilterView from "./FilterView";
|
||||
import {DownloadPanel} from "./DownloadPanel";
|
||||
|
||||
export default class LayerControlPanel extends ScrollableFullScreen {
|
||||
|
@ -31,15 +30,6 @@ export default class LayerControlPanel extends ScrollableFullScreen {
|
|||
});
|
||||
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(
|
||||
new DownloadPanel(),
|
||||
|
|
|
@ -8,7 +8,7 @@ export default class MapControlButton extends Combine {
|
|||
constructor(contents: BaseUIElement) {
|
||||
super([contents]);
|
||||
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);");
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue