fix: prevent masonry layout shift on infinite scroll

Added overflow-y: scroll to html element to always reserve scrollbar
space. When content grows beyond viewport, the scrollbar appearance
would reduce container width by ~17px, causing CSS column masonry to
recalculate and shift items leftward. Fixes #146.
This commit is contained in:
2026-07-21 14:16:07 +02:00
parent 9607746912
commit fbafa54322
+4 -3
View File
@@ -329,12 +329,13 @@ $btn-theme-colors: (
}
// ── Inter font overrides ──
html, body {
html {
overflow-y: scroll;
font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
min-height: 100dvh;
}
body {
font-family: inherit;
min-height: 100dvh;
display: flex;
flex-direction: column;
background: radial-gradient(ellipse at 50% 0%,