OOKNET                             [ /  search the index  ]  
──────────────────────────────────────────────────────────────────────────────────────
══════════════════════════════════════════════════════════════════════════════════════
OOKNET   [ /  search  ]  
────────────────────────────────────────────────
════════════════════════════════════════════════
 
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
 

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 {

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