Skip to content

Commit d4c465e

Browse files
authored
Composite table: full height on touch devices, single page scroll (#844)
On touch/small screens, drop the table's max-height cap so it stretches to full height and the page provides one vertical scroll instead of a nested scroll inside the table. Horizontal finger-scroll unchanged. Scoped to @media (hover:none) and (pointer:coarse); desktop keeps the capped internally-scrolling box with the sticky header.
1 parent 07d27ea commit d4c465e

1 file changed

Lines changed: 2 additions & 0 deletions

File tree

site/static/new-leaderboard/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -291,6 +291,8 @@
291291
.cwrap::-webkit-scrollbar-thumb{background:var(--line); border-radius:6px}
292292
.cwrap::-webkit-scrollbar-thumb:hover{background:var(--muted)}
293293
.cwrap::-webkit-scrollbar-track{background:transparent}
294+
/* touch devices: let the table run full height so the PAGE gives the single vertical scroll (no nested scroll); horizontal finger-scroll stays */
295+
@media (hover: none) and (pointer: coarse){ .cwrap{max-height:none} }
294296
/* synced horizontal scrollbar + jump-to-end button above the table */
295297
.cscroll-row{display:flex; align-items:stretch; gap:.4rem; margin-top:.5rem}
296298
.cscroll-row.endonly{justify-content:flex-end; margin-top:.1rem; margin-bottom:.35rem}

0 commit comments

Comments
 (0)