sigrennesmetropole / cartoHoraires

Données congestion avec le bureau des temps
1 stars 1 forks source link

Bandeau d'info transparent sur Ipad #145

Closed cbriand closed 3 years ago

cbriand commented 3 years ago

Sur Ipad (safari ou Chrome), le fond blanc du panneau "Affiner" n'est pas tiré jusqu'en bas du bandeau (même problème que nous avions sur la vue mobile en début de projet. Il faut que le fond blanc fasse la même hauteur que le panneau.

Gaetanbrl commented 3 years ago

Analyse :

Problème provenant du premier élément Bootstrap inséré directement après le début du corps de la modal.

Le code qui, je pense est à analyser et à modifier est le suivant :

https://github.com/sigrennesmetropole/cartoHoraires/blob/3a7c7b5a61e2e5403fa434b244dfe7b9554b619d/addons/cartohoraires/templates/cartohoraires.html#L2-L3

La classe col-sm-12 est donc potentiellement ce qui pose le problème.

Solution potentielle :

Supprimer cette classe puisque aucune autre div n'est contenue dans le modal-body.

Pour tester, remplacer donc :

<div class="cartohoraires-template col-sm-12" style="max-height: 70%">

Par :

<div class="cartohoraires-template" style="max-height: 70%">

Attention aux effets de bord sur les autres formats mobile / desktop (tests à reproduire sur tous).