search

etalab / transport-site

Rendre disponible, valoriser et améliorer les données transports
https://transport.data.gouv.fr
195 stars 30 forks source link

CSS Issue #2272

Closed Kulgar closed 5 months ago

Kulgar commented 2 years ago

Hey guys,

You have a CSS issue on the #map element. You should use width: 100% instead of width: 100vw. On Edge, because of that, it adds an horizontal scroll bar, which... isn't good. This is because the 100vw doesn't consider the width of the vertical scrollbar.

thbar commented 2 years ago

Hello ! Je vérifierai avec mes collègues en fonction de ce qu'on fait ailleurs. Merci !

AntoineAugusti commented 2 years ago

@abulte indique avoir le même problème, bloqué par Leaflet lors du scroll. Safari.

Kulgar commented 2 years ago

Ce n'est pas tout à fait le même problème. Je l'ai identifié aussi celui-là, mais il s'agit du blocage du scroll vertical : il est difficile d'accéder au footer, car quand on scroll, ça scroll dans la carte quand la souris est à l'intérieur de la carte (évidemment).

thbar commented 2 years ago

Bon c'est pas encore tout à fait clair, on va déployer comme ça et on reviendra là dessus je pense :-) merci !

thbar commented 5 months ago

Je clôture pour le moment, sachant qu'on va refondre le site (DSFR) à un moment.