Carte : largeur fixe pour l'infobulle de survol (tooltip)
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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user