Development #25257
alignement vertical des cellules disposées en grille
0%
Description
Dans #24689, on s'aperçoit que les elements alignés en grille ne sont pas alignés verticalement.
L'espace "gouttière" a été introduit dans Development #23375: Espace entre les cellules disposées en grille pour permettre de jour le padding des elements disposés en grille.
Il peut servir à aligner les elements verticalement.
Fichiers
Historique
Mis à jour par Serghei Mihai il y a presque 6 ans
- Fichier 0001-scss-add-support-for-vertical-align-of-grid-cells-25.patch 0001-scss-add-support-for-vertical-align-of-grid-cells-25.patch ajouté
- Fichier grid-vertical-align.png grid-vertical-align.png ajouté
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
Exemple sur un thème neuf.
Mis à jour par Frédéric Péters il y a presque 6 ans
Je te suggère de créer sur une instance un formulaire et y mettre une série de champs avec des combinaisons sur différentes lignes, et pareil pour des cellules sur une page combo.
Mis à jour par Frédéric Péters il y a presque 6 ans
Aussi, si je comprends l'ambition, il ne s'agit pas d'ajouter quoique ce soit mais de corriger les gouttières pour que différentes combinaisons assurent toujours le bon alignement, c'est bien ça ?
Mis à jour par Frédéric Péters il y a presque 6 ans
- Statut changé de Solution proposée à En cours
Pour commencer, tu peux mettre un champ 5/6 et un champ 1/6, pour voir.
Mis à jour par Frédéric Péters il y a presque 6 ans
Aussi, parce que je ne vois pas trop d'autre moyen pour être sûr, et qu'aujourd'hui je ne me tenterais plus à tenter comme ça l'affaire, avec juste un bout de papier, il faudrait accompagner ça d'un script python avec la même formule, ce qui permettra de tester plus facilement qu'en scss les différentes situations, gutter à [0, 10, 20], combinaisons variées de largeur (ex: ⅚ et ⅙, ½ et ¼ et ¼, etc.) et assurer que toutes les combinaisons assurent l'alignement.