Limit width of marker labels in a better way

This commit is contained in:
James Lyne 2021-09-01 17:40:16 +01:00
parent 79fc8f6816
commit d682358306

View File

@ -60,18 +60,17 @@
.marker__label { .marker__label {
flex: 0 0 auto; flex: 0 0 auto;
margin-left: 2px;
z-index: 20; z-index: 20;
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1; line-height: 1;
white-space: pre-line; white-space: pre-line;
color: var(--text-base); color: var(--text-base);
background: var(--background-dark); background: var(--background-dark);
padding: 0.2rem; padding: 0.2rem;
display: none; display: none;
overflow: hidden; margin-left: 0.2rem;
width: max-content;
max-width: 30rem;
@at-root .leaflet-pane--show-labels .marker__label { @at-root .leaflet-pane--show-labels .marker__label {
display: block !important; display: block !important;