Finetuning of various features

This commit is contained in:
Pieter Vander Vennet 2021-07-27 20:41:06 +02:00
parent 1b5737a06c
commit c175202006
4 changed files with 522 additions and 526 deletions

File diff suppressed because it is too large Load diff

View file

@ -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",
[], [],

View file

@ -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(),

View file

@ -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);");
} }