From fd03c1da2537d32884f3a228ef6dcd673ab875b4 Mon Sep 17 00:00:00 2001 From: r-zakarya <82443831+r-zakarya@users.noreply.github.com> Date: Sat, 1 Aug 2026 20:05:51 +0100 Subject: [PATCH] fix(list): keep the sticky bars above the row checkboxes The pagination bar and the table header sat at or below the checkbox z-index, and at equal values the later DOM element wins - the cards come after both, so checkboxes of rows scrolling underneath were painted over them. Layers are now explicit: check 2, table header 3, pagination 4, content header 12. --- css/style.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index b61f641..3fc7101 100644 --- a/css/style.css +++ b/css/style.css @@ -2781,7 +2781,9 @@ body[data-editor-position="center"]:has(#settingsPanel.is-open)::before { background: var(--bg-elev); user-select: none; position: sticky; top: calc(var(--hdr-h, 0px) + var(--pag-h, 0px)); - z-index: 1; + /* Above .entry-check (2), below .pagination (4) — the row checkboxes were + painted over this header for the same reason as in card view. */ + z-index: 3; } .entry-table th.is-sortable { cursor: pointer; } .entry-table th.is-sortable:hover { color: var(--text-dim); } @@ -3073,7 +3075,11 @@ input[type="password"]::-ms-clear { .pagination { position: sticky; top: var(--hdr-h, 0px); - z-index: 2; + /* Sticky layers, bottom to top: .entry-check 2 · table header 3 · + pagination 4 · .content-header 12. At EQUAL z-index the later element in + the DOM wins, and the cards come after this bar — which is why the + checkboxes of the rows scrolling underneath used to cover it. */ + z-index: 4; background: var(--bg); display: flex; align-items: center; gap: 6px; padding: 14px 12px 10px;