fix(styles): improve text wrapping and layout for tooltips and captions
- Added `overflow-wrap: anywhere` to prevent text overflow in tooltips - Adjusted tooltip width and wrapping for better responsiveness
This commit is contained in:
parent
1e1fc33b6a
commit
2837518b3b
1 changed files with 5 additions and 0 deletions
|
|
@ -3304,6 +3304,7 @@
|
|||
font-weight: 600;
|
||||
letter-spacing: 0.08em;
|
||||
color: rgb(255 255 255 / 95%);
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
/* Must out-rank leaflet.css, which styles the SAME selector later (it loads
|
||||
|
|
@ -3410,6 +3411,10 @@
|
|||
letter-spacing: 0.16em;
|
||||
padding: 4px 8px;
|
||||
text-transform: uppercase;
|
||||
width: max-content;
|
||||
max-width: min(280px, 60vw);
|
||||
white-space: normal;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.leaflet-container .map-tooltip-dossier.leaflet-tooltip-top::before {
|
||||
|
|
|
|||
Loading…
Reference in a new issue