Improve display of long layer names (Fixes #32)

This commit is contained in:
James Lyne 2021-06-22 18:24:22 +01:00
parent 1f357685fc
commit 0698085d98
2 changed files with 16 additions and 1 deletions

View File

@ -153,6 +153,17 @@
top: 0;
left: 6rem;
overflow: auto;
max-width: calc(100vw - 14rem);
box-sizing: border-box;
@media screen and (max-width: 400px) {
max-width: calc(100vw - 13rem);
}
.leaflet-control-layers-overlays {
width: 100%;
max-width: 30rem;
}
.layer {
cursor: pointer;
@ -334,4 +345,4 @@
svg {
animation: spin 1s linear infinite;
}
}
}

View File

@ -154,6 +154,10 @@ input {
span {
color: var(--text-subtle);
padding-left: 3rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
}