34 lines
1.3 KiB
CSS
34 lines
1.3 KiB
CSS
/*
|
|
* Les lignes se partagent la hauteur de la tuile au lieu de laisser du vide
|
|
* sous la dernière. Scopé à ce widget : `homarr-data-table.css` est partagé
|
|
* avec docker, downloads et les autres, qui ne veulent pas de ce comportement.
|
|
*/
|
|
|
|
/*
|
|
* Relais indispensable. Entre le viewport de la ScrollArea — seul élément de
|
|
* la chaîne à avoir une hauteur définie — et le tableau, Mantine insère un div
|
|
* de contenu de hauteur automatique. Une hauteur en pourcentage se résout en
|
|
* `auto` sous un parent de hauteur automatique : sans cette règle, le
|
|
* `height: 100%` ci-dessous n'a strictement aucun effet.
|
|
*/
|
|
.unifi-site-manager-table .mantine-datatable-scroll-area > [data-scrollarea-viewport] > div {
|
|
height: 100%;
|
|
}
|
|
|
|
/*
|
|
* Le navigateur répartit alors la hauteur excédentaire entre les lignes. Quand
|
|
* les lignes débordent, le tableau redevient plus haut que le viewport et le
|
|
* défilement existant reprend la main : la règle n'écrase jamais le contenu.
|
|
*/
|
|
.unifi-site-manager-table .mantine-datatable-table {
|
|
height: 100%;
|
|
}
|
|
|
|
/*
|
|
* Sur une cellule de tableau, `height` vaut minimum et non taille fixe :
|
|
* l'en-tête garde sa hauteur naturelle au lieu de grandir avec les lignes.
|
|
*/
|
|
.unifi-site-manager-table .mantine-datatable-table thead th {
|
|
height: 0;
|
|
}
|