From fcb67dbce124596d507cff224a24d5dbddd3c47f Mon Sep 17 00:00:00 2001 From: Alon Tuval Date: Fri, 12 Jun 2026 13:35:13 +0300 Subject: [PATCH] style(header): separator line under the weekday band, tied to the separators toggle The band switch removed the header/content divider entirely. Bring it back as a continuous 1px line under the band, but make it part of the 'separators' view setting: shown when separators are on, hidden when off. The band itself is now independent of the gridlines toggle. Co-Authored-By: Claude Opus 4.8 --- src/components/LinearCalendar.module.css | 20 +++++++++++--------- 1 file changed, 11 insertions(+), 9 deletions(-) diff --git a/src/components/LinearCalendar.module.css b/src/components/LinearCalendar.module.css index 9419ac1..974f361 100644 --- a/src/components/LinearCalendar.module.css +++ b/src/components/LinearCalendar.module.css @@ -39,7 +39,10 @@ background-color: var(--cal-header-cell-bg); /* Stick to top */ z-index: 510; - box-shadow: 0 0 0 4px var(--cal-header-cell-bg); + /* Band fill across the 4px gaps, plus a 1px line that peeks out at the bottom + to separate the header from the calendar content. The line is removed by + .hideSeparators (it belongs to the "separators" view setting). */ + box-shadow: 0 0 0 4px var(--cal-header-cell-bg), 0 1px 0 4px var(--border-color); } .headerCell.sunday { @@ -285,19 +288,18 @@ display: none; } -/* Gridlines toggle also clears the header underline, so the weekday header - stays consistent with the (now line-less) grid instead of keeping a fixed - line regardless of the toggle. */ +/* Separators off -> keep the header band but drop its bottom separator line. */ +.hideSeparators .headerCell { + box-shadow: 0 0 0 4px var(--cal-header-cell-bg); +} + +/* Gridlines toggle clears the day-cell borders only; the weekday header band is + independent of it (its separator line is controlled by .hideSeparators). */ .hideGridlines .dayCell { border: 1px solid transparent !important; box-shadow: none !important; } -.hideGridlines .headerCell { - background-color: var(--bg-primary); - box-shadow: 0 0 0 4px var(--bg-primary); -} - /* Ensure explicit removal of old border override attempts if any remain */ .container:not(.hideSeparators) .weekSeparator { border-left: 1px solid var(--border-color);