Bug #65572
marge apparente sur bloc de champ disposé en grille, avec dans celui-ci des champs disposés en grille
0%
Description
cf capture, on y a
- un champ, grid-1-3
- un bloc de champ, grid-2-3, configuré pour ne pas faire apparaitre son libellé
- dans celui-ci, deux champs, en grid-1-2
Je serais pour qu'on sache qu'imbriquer les grilles se fait à ses risques et périls, ça sera galère de gérer toutes les combinaisons je crains.
(mais ici il y un fix/contournement css un peu bizarre qui semble marcher)
Fichiers
Révisions associées
Historique
Mis à jour par Frédéric Péters il y a presque 2 ans
- Fichier 0001-scss-force-alignment-for-blocks-defining-grid-elemen.patch 0001-scss-force-alignment-for-blocks-defining-grid-elemen.patch ajouté
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
(je ne comprends pas totalement comment ça fonctionne)
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a presque 2 ans
.content et .BlockSubWidget ont une hauteur de 0 car ses enfants sont en float (hors flux). Seul son margin est alors pris en compte et étonnemment il est poser au dessus des enfants (moi c'est ça que je ne comprends pas).
En posant un padding, tu force une hauteur au block de 0.1px et ça suffit pour éviter la bug de la marge.
C'est un hack étrange mais ça marche.
Il aussi possible de contourner le problmème en supprimant la margin-bottom poser sur .BlockSubWidget hérité de widget :
form div.BlockSubWidget {
margin-bottom: 0;
}
Mis à jour par Frédéric Péters il y a presque 2 ans
- Fichier 0001-scss-force-alignment-for-blocks-defining-grid-elemen.patch 0001-scss-force-alignment-for-blocks-defining-grid-elemen.patch ajouté
Il aussi possible de contourner le problmème en supprimant la margin-bottom poser sur .BlockSubWidget hérité de widget :
Yes ça sonne moins hack à la lecture; et la marge sera de toute façon toujours effective vu qu'elle se trouve aussi sur les widgets à l'intérieur. Voici le patch pour cette approche.
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a presque 2 ans
- Statut changé de Solution proposée à Solution validée
Mis à jour par Frédéric Péters il y a presque 2 ans
- Statut changé de Solution validée à Résolu (à déployer)
commit 1df3cf9780eecc29a33d26da83d5add7e196b0f1
Author: Frédéric Péters <fpeters@entrouvert.com>
Date: Mon May 23 13:21:49 2022 +0200
scss: force alignment for blocks defining grid elements withing grids (#65572)
Mis à jour par Transition automatique il y a presque 2 ans
- Statut changé de Résolu (à déployer) à Solution déployée
scss: force alignment for blocks defining grid elements withing grids (#65572)