sandrodach/MindSift
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(ui): header colour runs into the scrollbar gutter

Browse Source 
The reserved gutter showed the page colour next to the header. On the
desktop the page background now carries the header colour and its
bottom line down to the header's measured height (--app-header-h),
fixed like the sticky header.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
sandrodachandClaude Opus 5.5 committed 2026-11-02 18:26:45 +01:00
1 parent 0ba5140106
commit fd62987df3
2 files changed
+35 -1
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/index.css
+15
View File
@@ -35,6 +35,21 @@
html {
scrollbar-gutter: stable;
}
/* The gutter shows the page background; on the desktop it carries the header colour (and its bottom
line) down to the header's height (--app-header-h, set by App), fixed like the sticky header, so the
header seems to run to the window edge */
@media (min-width: 768px) {
html {
background: linear-gradient(
to bottom,
var(--bg-panel) calc(var(--app-header-h, 0px) - 1px),
var(--border-color) calc(var(--app-header-h, 0px) - 1px),
var(--border-color) var(--app-header-h, 0px),
var(--bg-app) var(--app-header-h, 0px)
)
fixed;
}
}
body {
background-color: var(--bg-app);