Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FRONT] Migrer tout le layout vers des grid avec lignes nommées #2331

Open
Mintoo200 opened this issue Nov 20, 2023 · 0 comments
Open

[FRONT] Migrer tout le layout vers des grid avec lignes nommées #2331

Mintoo200 opened this issue Nov 20, 2023 · 0 comments

Comments

@Mintoo200
Copy link
Contributor

Mintoo200 commented 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 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.

@Mintoo200 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant