Jonna Marie Matthiesen Copilot commited on
Commit
05b2588
Β·
1 Parent(s): 19a0613

Make model column sticky when scrolling tables horizontally

Browse files

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Files changed (1) hide show
  1. style.css +8 -1
style.css CHANGED
@@ -384,7 +384,14 @@ tbody tr.row-group-break td {
384
  border-top: 2px solid var(--border);
385
  }
386
 
387
- /* ── Legend ───────────────────────────────────────────── */
 
 
 
 
 
 
 
388
  .legend-section {
389
  margin: 2rem 0;
390
  padding-top: 1.5rem;
 
384
  border-top: 2px solid var(--border);
385
  }
386
 
387
+ /* ── Sticky first column in scrollable tables ─────────── */
388
+ .table-scroll th:first-child,
389
+ .table-scroll td:first-child {
390
+ position: sticky;
391
+ left: 0;
392
+ z-index: 1;
393
+ background: var(--bg);
394
+ }
395
  .legend-section {
396
  margin: 2rem 0;
397
  padding-top: 1.5rem;