From 0edca05df5dc232d87d3ce5d03991265a1bed71e Mon Sep 17 00:00:00 2001
From: Colin Maudry <colin@maudry.com>
Date: Tue, 23 Jun 2026 18:26:36 +0200
Subject: [PATCH] =?UTF-8?q?fix(tableaux):=20barre=2016px=20toujours=20visi?=
 =?UTF-8?q?ble,=20headers=20d=C3=A9cal=C3=A9s=20en=20dessous=20#82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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>
---
 src/assets/css/style.css | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index c62ad16..cb405a8 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -375,6 +375,11 @@ table.cell-table th {
   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 {
   background-color: rgb(255 240 240 / 40%);
 }
@@ -384,20 +389,20 @@ table.cell-table th {
   position: sticky;
   top: 0;
   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;
-  height: 12px;
+  height: 16px;
   scrollbar-color: orange #e0e0e0;
-  scrollbar-width: thin;
+  scrollbar-width: auto;
 }
 
 .marches_table .dt-hscroll::-webkit-scrollbar {
-  height: 12px;
+  height: 16px;
 }
 
 .marches_table .dt-hscroll::-webkit-scrollbar-thumb {
   background-color: orange;
-  border-radius: 6px;
+  border-radius: 8px;
 }
 
 .marches_table .dt-hscroll::-webkit-scrollbar-track {