style(ui) : masquer la ligne de message Malio quand elle est vide
Auto Tag Develop / tag (push) Successful in 6s
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.
This commit is contained in:
@@ -19,3 +19,20 @@
|
||||
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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user