fix(tableaux): barre 16px toujours visible, headers décalés en dessous #82

- overflow-x:scroll force le thumb orange toujours visible (pas overlay)
- hauteur 16px pour le drag-and-drop
- :has(.dt-hscroll:not(.is-hidden)) décale les th à top:16px quand la
  barre est présente, évitant le recouvrement

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Colin Maudry
2026-06-23 18:26:36 +02:00
parent 099fba58f7
commit 0edca05df5
+10 -5
View File
@@ -375,6 +375,11 @@ table.cell-table th {
background-color: #fff; background-color: #fff;
} }
/* Quand la barre de scroll est visible, pousser les en-têtes en dessous */
.marches_table:has(.dt-hscroll:not(.is-hidden)) th.dash-header {
top: 16px;
}
.marches_table .cell-table tr:nth-child(even) td { .marches_table .cell-table tr:nth-child(even) td {
background-color: rgb(255 240 240 / 40%); background-color: rgb(255 240 240 / 40%);
} }
@@ -384,20 +389,20 @@ table.cell-table th {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 11; /* au-dessus des en-têtes sticky */ z-index: 11; /* au-dessus des en-têtes sticky */
overflow-x: auto; overflow-x: scroll; /* scroll (pas auto) force le thumb toujours visible */
overflow-y: hidden; overflow-y: hidden;
height: 12px; height: 16px;
scrollbar-color: orange #e0e0e0; scrollbar-color: orange #e0e0e0;
scrollbar-width: thin; scrollbar-width: auto;
} }
.marches_table .dt-hscroll::-webkit-scrollbar { .marches_table .dt-hscroll::-webkit-scrollbar {
height: 12px; height: 16px;
} }
.marches_table .dt-hscroll::-webkit-scrollbar-thumb { .marches_table .dt-hscroll::-webkit-scrollbar-thumb {
background-color: orange; background-color: orange;
border-radius: 6px; border-radius: 8px;
} }
.marches_table .dt-hscroll::-webkit-scrollbar-track { .marches_table .dt-hscroll::-webkit-scrollbar-track {