From 6f0e97d41a1a01230266bde39363a946f730f54a Mon Sep 17 00:00:00 2001 From: Nikolaz Date: Wed, 16 Sep 2026 07:04:04 +0200 Subject: [PATCH] Carte : largeur fixe pour l'infobulle de survol (tooltip) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. --- frontend/src/styles.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss index 7f90cb0..ddd0e3a 100644 --- a/frontend/src/styles.scss +++ b/frontend/src/styles.scss @@ -69,13 +69,14 @@ html, body { /* Infobulle de SURVOL (tooltip Leaflet) : Leaflet applique par défaut `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 - retour à la ligne, comme pour les popups. */ + déborder l'infobulle hors de la carte. On lui donne une LARGEUR franche (et non + 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 { - max-width: 240px; + width: 220px; white-space: normal; overflow-wrap: break-word; - word-break: break-word; } .carte-approx {