From b4073a45fc1226b56bccc3cc77a8d618ed745541 Mon Sep 17 00:00:00 2001 From: Alon Tuval Date: Fri, 12 Jun 2026 09:14:40 +0300 Subject: [PATCH] style(header): switch weekday header to a subtle band (Option 2) Replace the continuous-underline treatment with a faint header band: the cells take a subtle tint and the box-shadow fills the grid gaps in the same color, so the weekday header reads as one clean strip with no lines. The band follows the gridlines toggle (off -> plain header). Co-Authored-By: Claude Opus 4.8 --- src/components/LinearCalendar.module.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/src/components/LinearCalendar.module.css b/src/components/LinearCalendar.module.css index 132df34..9419ac1 100644 --- a/src/components/LinearCalendar.module.css +++ b/src/components/LinearCalendar.module.css @@ -33,13 +33,13 @@ color: var(--text-secondary); position: sticky; top: 0; - background-color: var(--bg-primary); + /* Subtle header band: a faint tint, with the box-shadow filling the 4px grid + gaps in the same color so the weekday header reads as one continuous strip + (no per-cell dashes, no lines). */ + background-color: var(--cal-header-cell-bg); /* Stick to top */ z-index: 510; - /* Layer 1 (bg) fills the 4px grid gaps; layer 2 (border color, nudged 1px - down with the same 4px spread) peeks out only at the bottom, bridging the - gaps into a single continuous underline instead of broken per-cell dashes. */ - box-shadow: 0 0 0 4px var(--bg-primary), 0 1px 0 4px var(--border-color); + box-shadow: 0 0 0 4px var(--cal-header-cell-bg); } .headerCell.sunday { @@ -294,6 +294,7 @@ } .hideGridlines .headerCell { + background-color: var(--bg-primary); box-shadow: 0 0 0 4px var(--bg-primary); }