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

Harmonisation des tailles des conteneurs avec les tailles du DSFR standard #1211

Closed lucaa closed 1 year ago

lucaa commented 1 year ago

Header DSFR nouvelle version: image

Observatoire: image

L'objectif est de ne pas avoir de différence de taille horizontale entre les 2 headers (du début du contenu à gauche à la fin du contenu à droite).

La harmonisation des paddings a été faite dans #1202 mais elle n'est pas suffisante pour assurer l'alignement des 2 headers, il semble y avoir une différence de taille de conteneur.

clemdee commented 1 year ago

Les tailles des conteneurs ont été mises à jour.

Le problème venait que pour #1126, on a décidé que la taille d'un container liée à un breakpoint correspondait à la taille de ce container + marges, ce qui n'est pas le cas pour le standard dsfr actuel, où les marges sont rajoutées en plus de la taille liée au breakpoint du container. Rajouter 48px (2 * 1.5rem, taille des marges) aux tailles des conteneurs a réglé le problème.

maxime-lecoq commented 1 year ago

Test OK pour moi. La différence est minime. Seule question restante concerne la version mobile : Version DSFR / Nouvel observatoire :

image

Version XWiki :

image
lucaa commented 1 year ago

Discuté par téléphone: la vue mobile ne sera pas impléméntée car obtenir un match parfait pour la version mobile reviendrait à une implémentation complète du DSFR / header DSFR dans la plateforme, ce qui déjà été évalué comme trop couteux lors de l'implémentation du DSFR.