/*
 * 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;
}