HASH adf80d877455
DATE 2026-07-17
SUBJECT web: scope scrollbar gutter to screen, print margins now symmetric
FILES 1 CHANGED
HASH adf80d877455
DATE 2026-07-17
SUBJECT web: scope scrollbar gutter to screen,
print margins now symmetric
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 60b44de..1ad2445 100644 │
│ --- a/ooknet-design/src/styles/global.scss │
│ +++ b/ooknet-design/src/styles/global.scss │
│ @@ -91,8 +91,12 @@ │
│ // 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; │
│ +// Screen only - paper has no scrollbars, and a reserved gutter would │
│ +// skew the print width solve. │
│ +@media screen { │
│ + html { │
│ + scrollbar-gutter: stable both-edges; │
│ + } │
│ } │
│ │
│ // Kept in the DOM for screen readers (e.g. the semantic table behind an │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ...design/src/styles/global.scss ───┐
│ diff --git a/ooknet-design/src/styles/global │
│ .scss b/ooknet-design/src/styles/global.scss │
│ index 60b44de..1ad2445 100644 │
│ --- a/ooknet-design/src/styles/global.scss │
│ +++ b/ooknet-design/src/styles/global.scss │
│ @@ -91,8 +91,12 @@ │
│ // 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; │
│ +// Screen only - paper has no scrollbars, a │
│ nd a reserved gutter would │
│ +// skew the print width solve. │
│ +@media screen { │
│ + html { │
│ + scrollbar-gutter: stable both-edges; │
│ + } │
│ } │
│ │
│ // Kept in the DOM for screen readers (e.g. │
│ the semantic table behind an │
└──────────────────────────────────────────────┘
[ BACK TO LOG ]
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET