Improve display of long layer names (Fixes #32)
This commit is contained in:
parent
1f357685fc
commit
0698085d98
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -154,6 +154,10 @@ input {
|
||||
span {
|
||||
color: var(--text-subtle);
|
||||
padding-left: 3rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user