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

Restore visible scrollbar, keep scrollbar-gutter + navbar ::after for no shift and no gap

Browse Source
This commit is contained in:
droideparanoico
2026-07-06 12:28:04 +02:00
parent be8e211a96
commit 44432326aa
1 changed files with 1 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/templates/layouts/base.html
+1 -2
View File
@@ -7,8 +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 { scrollbar-gutter: stable; scrollbar-width: none; } html { scrollbar-gutter: stable; }
html::-webkit-scrollbar { width: 0; }
.navbar { position: relative; } .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; } .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-wrapper { position: relative; width: 100%; }