From a01d539cd0b7d26821f08e31290e83a927137f90 Mon Sep 17 00:00:00 2001
From: Leo Vasanko <git@vasanko.com>
Date: Mon, 17 Aug 2026 20:22:16 +0000
Subject: [PATCH] Tidier scroll bar

---
 frontend/src/assets/pagerite.css | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/frontend/src/assets/pagerite.css b/frontend/src/assets/pagerite.css
index 0911d7a..9cd978a 100644
--- a/frontend/src/assets/pagerite.css
+++ b/frontend/src/assets/pagerite.css
@@ -67,6 +67,31 @@
 
 html {
   scroll-behavior: smooth;
+  /* Overlay scrollbars where supported (Chromium/WebKit, deprecated but
+     working): a scrollbar that appears covers a strip of the layout instead
+     of shifting it, and no space is reserved while absent — so 100vw always
+     equals the body width and .wide breakout margins stay exact. Ignored by
+     Firefox (unknown value), which keeps its thin classic scrollbar. */
+  overflow-y: overlay;
+  /* Lightweight scrollbar styling: thin, theme-muted thumb on a transparent
+     track where supported (Firefox: the two properties; WebKit: the rules
+     below). Full restyling deliberately not attempted. */
+  scrollbar-width: thin;
+  scrollbar-color: color-mix(in srgb, var(--muted) 45%, transparent) transparent;
+}
+
+::-webkit-scrollbar {
+  width: 0.5rem;
+  height: 0.5rem;
+}
+
+::-webkit-scrollbar-thumb {
+  background: color-mix(in srgb, var(--muted) 45%, transparent);
+  border-radius: 0.25rem;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
 }
 
 body {