Fix calendar weekend tint cutoff and missing month-view event dots

- 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 <noreply@anthropic.com>
This commit is contained in:
Kyle 2026-03-13 02:33:43 +08:00
parent 0e35d473eb
commit 2a850ad8fd

View File

@ -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);