droideparanoico/discdrop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
droideparanoico
2026-07-06 12:12:49 +02:00
parent 1cb0041824
commit d223113b3e
1 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/templates/layouts/base.html
+2
View File
@@ -8,6 +8,8 @@
<script src="https://unpkg.com/htmx.org@2/dist/htmx.min.js"></script> <script src="https://unpkg.com/htmx.org@2/dist/htmx.min.js"></script>
<style> <style>
html { scrollbar-gutter: stable; } 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-wrapper { position: relative; width: 100%; }
#search-results { position: absolute; top: 100%; left: 0; right: 0; z-index: 50; } #search-results { position: absolute; top: 100%; left: 0; right: 0; z-index: 50; }
main { max-width: 1100px; margin: 0 auto; padding: 1.5rem 1rem; } main { max-width: 1100px; margin: 0 auto; padding: 1.5rem 1rem; }