From be8e211a9625f63cffad412b4d8ccaed9f44868c Mon Sep 17 00:00:00 2001
From: droideparanoico <david.alvarez.81@gmail.com>
Date: Mon, 6 Jul 2026 12:20:55 +0200
Subject: [PATCH] Hide scrollbar with scrollbar-width:none, cover gutter with
 navbar ::after

---
 src/main/resources/templates/layouts/base.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/main/resources/templates/layouts/base.html b/src/main/resources/templates/layouts/base.html
index 3a12e91..d219e2e 100644
--- a/src/main/resources/templates/layouts/base.html
+++ b/src/main/resources/templates/layouts/base.html
@@ -7,7 +7,10 @@
   <link href="https://cdn.jsdelivr.net/npm/daisyui@4/dist/full.min.css" rel="stylesheet">
   <script src="https://unpkg.com/htmx.org@2/dist/htmx.min.js"></script>
   <style>
-    html { overflow-y: scroll; scrollbar-color: var(--fallback-b3, oklch(var(--b3)/1)) var(--fallback-b3, oklch(var(--b3)/1)); }
+    html { scrollbar-gutter: stable; scrollbar-width: none; }
+    html::-webkit-scrollbar { width: 0; }
+    .navbar { position: relative; }
+    .navbar::after { content: ''; position: absolute; right: -17px; top: 0; width: 17px; height: 100%; background: var(--fallback-b3, oklch(var(--b3)/1)); pointer-events: none; }
     #search-wrapper { position: relative; width: 100%; }
     #search-results { position: absolute; top: 100%; left: 0; right: 0; z-index: 50; }
     main { max-width: 1100px; margin: 0 auto; padding: 1.5rem 1rem; }