fix: restore sticky header in Chrome by removing overflow:hidden from table

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Greg 2026-05-10 10:03:31 +02:00
parent e27bdc9678
commit 78e5c1af0d

View File

@ -13,8 +13,8 @@
background: #222831; background: #222831;
color: #DFD0B8; color: #DFD0B8;
} }
.table-container { width: 100%; overflow: auto; max-height: 70vh; } .table-container { width: 100%; overflow: auto; max-height: 70vh; border-radius: 18px; }
table { border-collapse: separate; border-spacing: 0; width: 100%; min-width: 700px; margin-bottom: 1em; background: #393E46; color: #DFD0B8; border-radius: 18px; overflow: hidden; } table { border-collapse: separate; border-spacing: 0; width: 100%; min-width: 700px; margin-bottom: 1em; background: #393E46; color: #DFD0B8; border-radius: 18px; }
th, td { border: 1px solid #393E46; padding: 0.5em; text-align: center; border-radius: 12px; } th, td { border: 1px solid #393E46; padding: 0.5em; text-align: center; border-radius: 12px; }
th { background: #393E46; color: #DFD0B8; position: sticky; top: 0; z-index: 2; } th { background: #393E46; color: #DFD0B8; position: sticky; top: 0; z-index: 2; }
.clickable { cursor: pointer; background: #222831; transition: background 0.15s, box-shadow 0.15s; } .clickable { cursor: pointer; background: #222831; transition: background 0.15s, box-shadow 0.15s; }