Matthieu
e9ca00aeb2
Auto Tag Develop / tag (push) Successful in 10s
Le body scrollable de MalioDrawer (overflow-y-auto) n'avait aucun padding vertical : le label flottant du premier champ, qui remonte au focus, dépassait le bord haut et se faisait rogner sous l'entête. Idem pour le dernier champ en bas. Ajoute une feuille app.css (hors thème sombre) qui donne 1rem de padding haut/bas au corps de tous les drawers, via l'API data-test stable de @malio/layer-ui (sans modifier la lib ni chaque drawer).
22 lines
838 B
CSS
22 lines
838 B
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;
|
|
}
|