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

styling; background map select on bottom; only show layers when there's more than one

Browse source
This commit is contained in:
Bavo Vanderghote 2020-07-22 17:02:38 +02:00
parent 0f0c3eb8cf
commit 50cc8fd860
2 changed files with 19 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
index.css
View file

@ -294,18 +294,24 @@ form {
flex-flow: column;
width: 100%;
background-color: #ffffff;
border-radius: 15px 15px 0 0;
border-radius: 15px;
border: none;
font-size: 16px;
transform: translateY(60px);
padding: 15px 0 18px 0;
padding: 15px 0 60px 0;
}
#filter__selection label {
display: none;
font-size: 16px;
background-color: #ffffff;
padding: 0 15px 12px 15px;
margin: 0;
color: #003B8B;
font-weight: 600;
}
#filter__selection select {
outline: none;
background-color: #F0EFEF;
border: none;
border-radius: 5px;
@ -317,12 +323,11 @@ form {
#filter__selection ul {
background-color: #ffffff;
border-radius: 0 0 15px 15px;
padding: 15px 25px 60px 18px;
padding: 10px 25px 18px 18px;
list-style: none;
margin: 0;
font-weight: 600;
transform: translateY(60px);
transform: translateY(75px);
}
#filter__selection ul li span > span {
@ -344,12 +349,13 @@ form {
.filter__label {
font-size: 16px;
transform: translateY(60px);
transform: translateY(75px);
background-color: #ffffff;
padding: 0 15px;
padding: 10px 15px;
margin: 0;
color: #003B8B;
font-weight: 600;
border-radius: 15px 15px 0 0;
}
#filter__layers {

6
index.ts
View file

@ -336,6 +336,10 @@ Object.entries(BaseLayers.baseLayers).forEach(([key, value], i) => {
});
// 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")
if (flayers.length > 1) {
new CheckBox(new Combine([`<p class="filter__label">Maplayers</p>`, new LayerSelection(flayers), new DropDown(`Background map`, baseLayerOptions, bm.CurrentLayer), openFilterButton]), closedFilterButton).AttachTo("filter__selection");
} else {
new CheckBox(new Combine([new DropDown(`Background map`, baseLayerOptions, bm.CurrentLayer), openFilterButton]), closedFilterButton).AttachTo("filter__selection");
}