Fix folder stack overlap: pull slots, split tab/body sticky.

Sections overlap via negative margin; tabs stay in staggered rail;
active body z-index covers layers below as you scroll.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-05-20 23:05:20 -04:00
co-authored by Cursor
parent acfc6ddd86
commit bb8469ca10
10 changed files with 720 additions and 246 deletions
+7 -2
View File
@@ -1,8 +1,13 @@
/* Shared stack scroll — one viewport per layer */
/* Shared stack scroll — overlapping sticky layers */
:root {
--stack-nav: 2.5rem;
--stack-stick: 3rem;
--stack-step: 2.75rem;
--stack-tab-h: 2.25rem;
/* Height of tab rail (all L0L6 tabs visible) */
--stack-reveal: calc(var(--stack-stick) + var(--stack-step) * 6 + var(--stack-tab-h));
--stack-slot: 100vh;
--stack-slot-last: 55vh;
--stack-slot-last: 50vh;
--stack-pull: calc(var(--stack-slot) - var(--stack-reveal));
--stack-body-h: calc(100dvh - var(--stack-reveal) - 1rem);
}