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

Color scrollbar to match navbar (scrollbar-color CSS)

Browse Source
This commit is contained in:
droideparanoico
2026-07-06 12:16:21 +02:00
parent 173b439497
commit 50d068ef68
1 changed files with 1 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/templates/layouts/base.html
+1 -3
View File
@@ -7,9 +7,7 @@
<link href="https://cdn.jsdelivr.net/npm/daisyui@4/dist/full.min.css" rel="stylesheet"> <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> <script src="https://unpkg.com/htmx.org@2/dist/htmx.min.js"></script>
<style> <style>
html { overflow-y: scroll; } html { overflow-y: scroll; scrollbar-color: var(--fallback-b3, oklch(var(--b3)/1)) var(--fallback-b3, oklch(var(--b3)/1)); }
.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; }