jason/polaris-task-force
1
0
Fork 0
Code Issues Wiki Activity

fix(styles): improve text wrapping and layout for tooltips and captions

Browse source 
- Added `overflow-wrap: anywhere` to prevent text overflow in tooltips
- Adjusted tooltip width and wrapping for better responsiveness
This commit is contained in:
Jason Fraley 2026-09-24 13:44:07 -04:00
parent 1e1fc33b6a
commit 2837518b3b
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/app/(frontend)/styles.css
View file

@ -3304,6 +3304,7 @@
font-weight: 600; font-weight: 600;
letter-spacing: 0.08em; letter-spacing: 0.08em;
color: rgb(255 255 255 / 95%); color: rgb(255 255 255 / 95%);
overflow-wrap: anywhere;
} }
/* Must out-rank leaflet.css, which styles the SAME selector later (it loads /* Must out-rank leaflet.css, which styles the SAME selector later (it loads
@ -3410,6 +3411,10 @@
letter-spacing: 0.16em; letter-spacing: 0.16em;
padding: 4px 8px; padding: 4px 8px;
text-transform: uppercase; 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 { .leaflet-container .map-tooltip-dossier.leaflet-tooltip-top::before {