map types

Signed-off-by: K1 <git@karoh.net>
This commit is contained in:
K1 2026-05-03 18:34:12 +02:00
parent e1b205d01c
commit 362e1fc88c
3 changed files with 275 additions and 52 deletions

60
dve.css
View file

@ -57,6 +57,66 @@ html, body {
top: auto;
bottom: 10px;
}
.layer-selector {
padding: 0;
min-width: 190px;
}
.layer-selector-button {
width: 100%;
max-width: 280px;
border: 0;
background: transparent;
padding: 6px 24px 6px 8px;
text-align: left;
font: inherit;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.layer-selector-button::after {
content: "▾";
position: absolute;
right: 8px;
}
.layer-selector-menu {
display: none;
min-width: 260px;
max-width: 360px;
max-height: 65vh;
overflow: auto;
border-top: 1px solid rgba(0,0,0,0.15);
}
.layer-selector.open .layer-selector-menu {
display: block;
}
.layer-group-title {
padding: 8px 8px 4px;
font-weight: bold;
color: #555;
}
.layer-option,
.layer-overlay-option {
display: block;
box-sizing: border-box;
width: 100%;
border: 0;
background: transparent;
padding: 5px 8px 5px 18px;
text-align: left;
font: inherit;
cursor: pointer;
}
.layer-option:hover,
.layer-overlay-option:hover {
background: rgba(0,0,0,0.08);
}
.layer-option.active {
font-weight: bold;
}
.layer-overlay-option input {
margin-right: 6px;
}
.crosshair {
position: absolute;