Homogénéiser la taille des boutons de la PA sur mobile

DISIC / observatoire

🕵️‍♀️ Observatoire de la qualité des démarches en ligne

https://observatoire.numerique.gouv.fr/

GNU Lesser General Public License v3.0

10 stars 4 forks source link

Homogénéiser la taille des boutons de la PA sur mobile #1160

Closed lucaa closed 2 years ago

lucaa commented 2 years ago

Sur la page d'accueil sur mobile, les tailles des boutons des différentes sections ne sont pas consistantes:

il y a des boutons qui prennent 100% de la taille de l'écran quelque soit leur contenu
et des boutons qui prennent que la tailles nécessaire pour leur texte

sur Desktop, ces boutons prennent la taille nécessaire pour leur texte.

Il faut homogénéiser tout cela.

kamalcon commented 2 years ago

lucaa commented 2 years ago

À faire:

tous les boutons seuls dans leur section gardent la même taille sur mobile que sur Desktop, la taille necessaire pour afficher leur texte
pour les 2 boutons de la section "Les 250 démarches ... " en mode connecté, le comportement souhaité est le suivant:
- au dessus de 768px, ils sont affichés l'un à côté de l'autre avec des tailles differentes, chacun en fonction de son texte, comme aujourd'hui - rien à changer
- en dessous de 768px, ils doivent être affichés l'un en dessous de l'autre, de taille égale mais pas 100% de l'écran et leur taille est la taille dont le plus grand de ce 2 boutons a besoin pour afficher son texte.

clemdee commented 2 years ago

Tous les boutons de la PA sont maintenant de même largeur en mode desktop et mobile. Les deux boutons de le section "Les 250 démarches ..." ont désormais le comportement décris. Pour plus de cohérence j'ai aussi mis à jour les boutons de la section d'administration de manière à ce qu'ils s'affichent de manière similaire en format mobile : les uns en dessous des autres, de taille égale correspondante à la plus grande largeur d'entre eux.