colin/colibre
1
0
Fork 0
Code Issues 30 Pull Requests Actions Packages Projects Releases 33 Activity

fix(tableaux): thumb custom toujours visible, drag souris et tactile #82

Browse Source 
Remplace le scrollbar natif (invisible en mode overlay sous Linux) par
un thumb div orange toujours visible. Track gris (#e0e0e0) 16px.
Drag souris + toucher + clic sur le track supportés.
Supprime la dépendance aux pseudo-éléments webkit et scrollbar-color.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Colin Maudry
2026-06-23 18:50:51 +02:00
parent 0edca05df5
commit 9c5fc9257a
2 changed files with 109 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/css/style.css
+18 -20
View File
@@ -389,34 +389,32 @@ table.cell-table th {
position: sticky;
top: 0;
z-index: 11; /* au-dessus des en-têtes sticky */
overflow-x: scroll; /* scroll (pas auto) force le thumb toujours visible */
overflow-y: hidden;
height: 16px;
scrollbar-color: orange #e0e0e0;
scrollbar-width: auto;
}
.marches_table .dt-hscroll::-webkit-scrollbar {
height: 16px;
}
.marches_table .dt-hscroll::-webkit-scrollbar-thumb {
background-color: orange;
border-radius: 8px;
}
.marches_table .dt-hscroll::-webkit-scrollbar-track {
background-color: #e0e0e0;
}
.marches_table .dt-hscroll-inner {
height: 1px;
overflow: hidden;
cursor: pointer;
}
.marches_table .dt-hscroll.is-hidden {
display: none;
}
/* Thumb custom — toujours visible, draggable */
.marches_table .dt-hscroll-thumb {
position: absolute;
top: 2px;
height: calc(100% - 4px);
min-width: 40px;
background-color: orange;
border-radius: 8px;
cursor: grab;
user-select: none;
}
.marches_table .dt-hscroll-thumb:active {
cursor: grabbing;
}
/* Column Visibility Menu */
.column-actions {
margin-right: 8px;