HASH 16c617d1267c
DATE 2026-07-17
SUBJECT web: stable scrollbar gutter, no sideways shift between pages
FILES 1 CHANGED
HASH 16c617d1267c
DATE 2026-07-17
SUBJECT web: stable scrollbar gutter, no
sideways shift between pages
FILES 1 CHANGED
┌─ ooknet-design/src/styles/global.scss ─────────────────────────────────────┐
│ diff --git a/ooknet-design/src/styles/global.scss b/ooknet-design/src/styles/globa │
│ l.scss │
│ index 33a5fc8..7495fd0 100644 │
│ --- a/ooknet-design/src/styles/global.scss │
│ +++ b/ooknet-design/src/styles/global.scss │
│ @@ -84,6 +84,14 @@ │
│ box-sizing: border-box; │
│ } │
│ │
│ +// Reserve the scrollbar gutter on both edges: page height differences │
│ +// otherwise shift the centered page (and the fixed docs card, whose │
│ +// position math uses 100vw) sideways on every navigation. Symmetric │
│ +// gutters keep (100vw - page) / 2 equal to the page's true left edge. │
│ +html { │
│ + scrollbar-gutter: stable both-edges; │
│ +} │
│ + │
│ // Kept in the DOM for screen readers (e.g. the semantic table behind an │
│ // ASCII-rendered one) but visually removed. │
│ .sr-only { │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ...design/src/styles/global.scss ───┐
│ diff --git a/ooknet-design/src/styles/global │
│ .scss b/ooknet-design/src/styles/global.scss │
│ index 33a5fc8..7495fd0 100644 │
│ --- a/ooknet-design/src/styles/global.scss │
│ +++ b/ooknet-design/src/styles/global.scss │
│ @@ -84,6 +84,14 @@ │
│ box-sizing: border-box; │
│ } │
│ │
│ +// Reserve the scrollbar gutter on both edg │
│ es: page height differences │
│ +// otherwise shift the centered page (and t │
│ he fixed docs card, whose │
│ +// position math uses 100vw) sideways on ev │
│ ery navigation. Symmetric │
│ +// gutters keep (100vw - page) / 2 equal to │
│ the page's true left edge. │
│ +html { │
│ + scrollbar-gutter: stable both-edges; │
│ +} │
│ + │
│ // Kept in the DOM for screen readers (e.g. │
│ the semantic table behind an │
│ // ASCII-rendered one) but visually removed │
│ . │
│ .sr-only { │
└──────────────────────────────────────────────┘
[ BACK TO LOG ]
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET