Carte : borner l'infobulle de survol (tooltip) pour éviter le débordement
Leaflet applique par défaut white-space: nowrap aux tooltips, ce qui forçait l'infobulle de survol sur une seule ligne et la faisait déborder hors de la carte (illisible). On borne désormais .leaflet-tooltip en largeur (240px) et on autorise le retour à la ligne, à l'identique des popups (clic). Build prod OK.
This commit is contained in:
@@ -67,6 +67,17 @@ html, body {
|
|||||||
max-width: 260px;
|
max-width: 260px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 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. */
|
||||||
|
.leaflet-tooltip {
|
||||||
|
max-width: 240px;
|
||||||
|
white-space: normal;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
.carte-approx {
|
.carte-approx {
|
||||||
margin-top: 4px;
|
margin-top: 4px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
|
|||||||
Reference in New Issue
Block a user