fix: visible scrollbar (8px, track visible, Firefox compat)
This commit is contained in:
@@ -27,6 +27,7 @@
|
|||||||
--warning: #ffaa00;
|
--warning: #ffaa00;
|
||||||
--border: #1a3060;
|
--border: #1a3060;
|
||||||
--scrollbar: #1a3060;
|
--scrollbar: #1a3060;
|
||||||
|
--scrollbar-track: rgba(255,255,255,0.04);
|
||||||
--radius: 6px;
|
--radius: 6px;
|
||||||
--font-body: 'JetBrains Mono', 'Consolas', monospace;
|
--font-body: 'JetBrains Mono', 'Consolas', monospace;
|
||||||
--font-mono: 'JetBrains Mono', 'Consolas', monospace;
|
--font-mono: 'JetBrains Mono', 'Consolas', monospace;
|
||||||
@@ -34,10 +35,11 @@
|
|||||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
body { font-family: var(--font-body); background: var(--bg-primary); color: var(--text-primary); height: 100vh; overflow: hidden; display: flex; font-size: 13px; }
|
body { font-family: var(--font-body); background: var(--bg-primary); color: var(--text-primary); height: 100vh; overflow: hidden; display: flex; font-size: 13px; }
|
||||||
::selection { background: var(--accent); color: var(--bg-primary); }
|
::selection { background: var(--accent); color: var(--bg-primary); }
|
||||||
::-webkit-scrollbar { width: 4px; }
|
::-webkit-scrollbar { width: 8px; }
|
||||||
::-webkit-scrollbar-track { background: transparent; }
|
::-webkit-scrollbar-track { background: var(--scrollbar-track); }
|
||||||
::-webkit-scrollbar-thumb { background: var(--scrollbar); border-radius: 2px; }
|
::-webkit-scrollbar-thumb { background: var(--scrollbar); border-radius: 4px; border: 2px solid transparent; background-clip: content-box; }
|
||||||
::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }
|
::-webkit-scrollbar-thumb:hover { background: var(--text-muted); border: 2px solid transparent; background-clip: content-box; }
|
||||||
|
* { scrollbar-width: thin; scrollbar-color: var(--scrollbar) var(--scrollbar-track); }
|
||||||
|
|
||||||
/* --- slide-out drawer (replaces sidebar) --- */
|
/* --- slide-out drawer (replaces sidebar) --- */
|
||||||
.drawer-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.55); z-index:90; display:none; }
|
.drawer-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.55); z-index:90; display:none; }
|
||||||
|
|||||||
Reference in New Issue
Block a user