midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

dropdown styling

Browse source
This commit is contained in:
Bavo Vanderghote 2020-07-22 16:40:19 +02:00
parent e4f9eca9dd
commit 778ff757fc
2 changed files with 43 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

11
index.ts
View file

@ -308,6 +308,8 @@ locationControl.ping();
// --------------- Setting up filter ui --------
// buttons
const closedFilterButton = `
<button id="filter__button" class="filter__button filter__button--shadow">
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
@ -325,18 +327,15 @@ const openFilterButton = `
</svg>
</button>`;
new CheckBox(new Combine([new LayerSelection(flayers), openFilterButton]), closedFilterButton).AttachTo("filter__selection")
// --------------- Setting up basemap dropdown --------
// basemap dropdown
let baseLayerOptions = [];
Object.entries(BaseLayers.baseLayers).forEach(([key, value], i) => {
console.log(key, value, i);
baseLayerOptions.push({value: {name: key, layer: value}, shown: key});
});
console.log(bm.CurrentLayer.data);
// popup
new CheckBox(new Combine([new DropDown(`label`, baseLayerOptions, bm.CurrentLayer), `<p class="filter__label">Maplayers</p>`, new LayerSelection(flayers), openFilterButton]), closedFilterButton).AttachTo("filter__selection")
new DropDown(`label`, baseLayerOptions, bm.CurrentLayer).AttachTo("filter__selection");