Matthieu
920539a050
Auto Tag Develop / tag (push) Successful in 6s
Depuis @malio/layer-ui 1.7.5, reserveMessageSpace=true réserve ~16px sous chaque champ même sans message. On retire cette réserve et on masque la ligne vide (hook stable [id$=-describedby]) sans toucher la lib ni chaque usage.
39 lines
1.4 KiB
CSS
39 lines
1.4 KiB
CSS
/*
|
|
* App-level layout fixes (not theme-related).
|
|
*/
|
|
|
|
/*
|
|
* MalioDrawer : donne au corps scrollable un peu d'espace vertical.
|
|
*
|
|
* Le body du drawer est `overflow-y-auto` sans padding vertical. Or le label
|
|
* flottant d'un champ Malio remonte (-1.25rem) au focus/remplissage : pour le
|
|
* PREMIER champ, collé en haut du body, ce label dépasse le bord supérieur et
|
|
* se fait rogner (il « grossit et passe sous l'entête »). Le dernier champ
|
|
* (popover de date, hint) souffre du même rognage en bas.
|
|
*
|
|
* On ajoute donc un padding vertical au body de TOUS les drawers via l'API de
|
|
* test stable de la lib (@malio/layer-ui), sans la modifier ni toucher chaque
|
|
* drawer un par un. Le sélecteur reste limité au panneau du drawer.
|
|
*/
|
|
[data-test="panel"] > [data-test="body"] {
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
|
|
/*
|
|
* Champs Malio (@malio/layer-ui >= 1.7.5) : depuis cette version, la ligne de
|
|
* message sous chaque champ est toujours rendue (`reserveMessageSpace` à `true`
|
|
* par défaut) et réserve ~1rem (16px) même sans erreur/hint, ce qui décale les
|
|
* formulaires denses. On retire cette réserve et on masque la ligne quand elle
|
|
* est vide, sans désactiver l'option champ par champ ni perdre l'affichage des
|
|
* vraies erreurs/hints.
|
|
*
|
|
* Hook stable : la ligne de message a un id se terminant par "-describedby".
|
|
*/
|
|
[id$="-describedby"] {
|
|
min-height: 0;
|
|
}
|
|
[id$="-describedby"]:empty {
|
|
display: none;
|
|
}
|