From 2a850ad8fd6497efe9bd5b63832672e042b5878c Mon Sep 17 00:00:00 2001 From: Kyle Pope Date: Fri, 13 Mar 2026 02:33:43 +0800 Subject: [PATCH] Fix calendar weekend tint cutoff and missing month-view event dots MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - index.css: add explicit .fc-col-header-cell.fc-day-sat/sun rules with !important to override the generic header background, and cover .fc-timegrid-col weekend cells so the tint reaches all views - CalendarPage.tsx: render .fc-daygrid-event-dot manually in the timed month-view eventContent branch — FC's eventContent hook replaces the entire default inner content including the dot span, so the CSS target had nothing to paint Co-Authored-By: Claude Sonnet 4.6 --- frontend/src/index.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/frontend/src/index.css b/frontend/src/index.css index 4b60647..d735332 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -170,6 +170,18 @@ background-color: hsl(0 0% 6%); } +/* Weekend tint: header cells (higher specificity to override .fc-col-header-cell) */ +.fc .fc-col-header-cell.fc-day-sat, +.fc .fc-col-header-cell.fc-day-sun { + background-color: hsl(0 0% 6%) !important; +} + +/* Weekend tint: timegrid column cells */ +.fc .fc-timegrid-col.fc-day-sat, +.fc .fc-timegrid-col.fc-day-sun { + background-color: hsl(0 0% 6%); +} + .fc .fc-col-header-cell { background-color: hsl(0 0% 8% / 0.65); border-color: var(--fc-border-color);