You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Aujourd'hui, pour créer le layout dans les pages, on utilise le composant Container. Pour pouvoir avoir certains éléments qui prennent toute la largeur (bandeaux, titres, ...), on se retrouve avec beaucoup de Container et donc beaucoup de div superflues.
Solutions Envisagées
Passer sur des grid avec des lignes nommées (cf. cet exemple simple sur CodeSandbox)
Cloner ce ticket par page pour pouvoir réaliser des petites PR simples
Conséquences
Déprécier le composant Container.
Pas de régressions sur les layouts des pages.
Beaucoup plus simple de changer un layout au besoin (e.g. dans le détail de logements, avoir la colonne à droite en desktop, ...).
Beaucoup plus simple de re-positionner certains éléments visuellement sans casser le tab order.
Beaucoup plus simple d'adapter le layout lorsque différent entre mobile et desktop.
The text was updated successfully, but these errors were encountered:
Mintoo200
changed the title
[FRONT] Migrer tout le templating du composant Container vers une grid avec lignes nommées
[FRONT] Migrer tout le layout vers des grid avec lignes nommées
Nov 20, 2023
Contexte
Aujourd'hui, pour créer le layout dans les pages, on utilise le composant
Container
. Pour pouvoir avoir certains éléments qui prennent toute la largeur (bandeaux, titres, ...), on se retrouve avec beaucoup deContainer
et donc beaucoup dediv
superflues.Solutions Envisagées
Passer sur des
grid
avec des lignes nommées (cf. cet exemple simple sur CodeSandbox)Cloner ce ticket par page pour pouvoir réaliser des petites PR simples
Conséquences
Déprécier le composant
Container
.Pas de régressions sur les layouts des pages.
Beaucoup plus simple de changer un layout au besoin (e.g. dans le détail de logements, avoir la colonne à droite en desktop, ...).
Beaucoup plus simple de re-positionner certains éléments visuellement sans casser le tab order.
Beaucoup plus simple d'adapter le layout lorsque différent entre mobile et desktop.
The text was updated successfully, but these errors were encountered: