Development #62854
Corriger les alignements des inputs + button
0%
Description
Depuis, #62751, les inputs et les buttons ont la même hauteur (en partageant le même padding)
Il est alors nécessaire de correctement les aligner horizontalement dans les cellules qui les positionnent sur une même ligne : cellules code de suivi et recherche
Fichiers
Révisions associées
Historique
Mis à jour par Thomas Jund il y a environ 2 ans
- Fichier 0001-CSS-corrects-alignment-between-button-input-on-cells.patch 0001-CSS-corrects-alignment-between-button-input-on-cells.patch ajouté
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
Cellule Code de suivi.
Par défaut, les inputs ont un vertical align sur la baseline et les boutons en middle. Ça créé un décalage plus ou moins important en fonction de la font utilisée.
J'ai hésité entre supprimer le `vertical-align: middle` poser sur %button, ou passer tous les inputs en middle.
Mais cela peut avoir des répercussions pas évidentes à anticiper ou entrevoir.
J'ai patché directement la cellule.
Cellule recherche
Contexte flex avec align-items: stretch implicite.
L'input a un margin top et bottom de 0.2em (valeur donné par défaut à tous les inputs), le bouton sera donc plus grand que l'input (il stretch avec les valeurs du margin).
2 solutions: soit supprimé le margin sur l'input (mais alors le remettre en contexte #sidebar), soit passer l'alignement align-items en center.
Au vu des différentes surcouches croisées, j'ai opté pour supprimer le margin.
Il reste l'espace entre l'input et le boutton qui n'est pas homogène entre les 2 cellules, mais je n'ai pas de solution simple à proposer pour le moment.
Mis à jour par Frédéric Péters il y a environ 2 ans
.git/rebase-apply/patch:55: trailing whitespace.
}
warning: 1 ligne a ajouté des erreurs d'espace.
À part ce truc de style c'est ok.
Mis à jour par Thomas Jund il y a environ 2 ans
Mis à jour par Thomas Jund il y a environ 2 ans
- Statut changé de Solution proposée à Résolu (à déployer)
À part ce truc de style c'est ok.
commit 3afad34c66425ad577dcedc8eba4cc6499320da9
Author: Thomas JUND <tjund@entrouvert.com>
Date: Wed Mar 16 12:26:31 2022 +0100
CSS: corrects alignment between button & input on cells (#62854)
Mis à jour par Transition automatique il y a environ 2 ans
- Statut changé de Résolu (à déployer) à Solution déployée
CSS: corrects alignment between button & input on cells (#62854)