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

6
index.ts
View file

@ -336,6 +336,10 @@ Object.entries(BaseLayers.baseLayers).forEach(([key, value], i) => {
}); });
// popup // 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");
}