Changeset 2e454455 in Klonkt

Timestamp:

06/20/2026 08:59:22 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

92bad27

Parents:

703ead3

Message:

fix(layout): scrollbar-gutter: stable — no content shift between pages

A long page (post) shows a scrollbar, a short one (downloads) does not → the
centred content shifted ~15px between them (not pixel-perfect). Now html always
reserves the scrollbar space. style.css?v=24.

Co-Authored-By: Claude <noreply@…>

Location:

src

Files:

• assets/css/style.css (modified) (1 diff)
• views/shell.ejs (modified) (1 diff)

src/assets/css/style.css

@@ -250 +250 @@
     -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;
     overscroll-behavior-y: none;
+    /* Reserveer altijd de scrollbar-ruimte, ook op korte pagina's zonder scroll.
+       Anders verschuift gecentreerde content ~15px tussen wél/niet-scrollende
+       pagina's (bv. een lange post vs de korte downloads-pagina) → niet pixel-perfect. */
+    scrollbar-gutter: stable;
     /* Horizontaal clippen op ROOT-niveau: dit propageert naar de viewport (geen
        horizontale scroll) ZONDER position:fixed te breken — html is sowieso de

src/views/shell.ejs

@@ -163 +163 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=23">
+<link rel="stylesheet" href="/assets/css/style.css?v=24">
 
 <!-- Audio player styles: loaded on every page so the mini-player works