Navbar ::after extends its --b3 background into the scrollbar gutter

2026-07-06 12:12:49 +02:00
parent 1cb0041824
commit d223113b3e
1 changed files with 2 additions and 0 deletions
@@ -8,6 +8,8 @@
  <script src="https://unpkg.com/htmx.org@2/dist/htmx.min.js"></script>
  <style>
    html { scrollbar-gutter: stable; }
+    .navbar { position: relative; }
+    .navbar::after { content: ''; position: absolute; right: calc(-1 * (100vw - 100%)); top: 0; width: calc(100vw - 100%); 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; }