MadJax/SchotzIAD
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Carte : largeur fixe pour l'infobulle de survol (tooltip)

Browse Source 
Le tooltip Leaflet avec un simple max-width se réduisait à quelques caractères
de large (nombreuses lignes illisibles). On lui donne une largeur franche de
220px et on retire word-break (qui coupait au milieu des mots), en gardant
overflow-wrap pour les mots trop longs. Le texte se répartit désormais
normalement sans déborder de la carte.

Build prod OK.
This commit is contained in:
MadJax
2026-09-16 07:04:04 +02:00
parent 002c2a1485
commit 6f0e97d41a
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles.scss
+5 -4
View File
@@ -69,13 +69,14 @@ html, body {
/* Infobulle de SURVOL (tooltip Leaflet) : Leaflet applique par défaut /* Infobulle de SURVOL (tooltip Leaflet) : Leaflet applique par défaut
`white-space: nowrap`, ce qui force le contenu sur une seule ligne et fait `white-space: nowrap`, ce qui force le contenu sur une seule ligne et fait
déborder l'infobulle hors de la carte. On borne la largeur et on autorise le déborder l'infobulle hors de la carte. On lui donne une LARGEUR franche (et non
retour à la ligne, comme pour les popups. */ un simple max, sinon le tooltip se réduit à quelques caractères de large) et on
autorise le retour à la ligne, comme pour les popups. `overflow-wrap` ne casse
que les mots trop longs (on évite `word-break` qui coupait au milieu des mots). */
.leaflet-tooltip { .leaflet-tooltip {
max-width: 240px; width: 220px;
white-space: normal; white-space: normal;
overflow-wrap: break-word; overflow-wrap: break-word;
word-break: break-word;
} }
.carte-approx { .carte-approx {