From 1749c3e61761941e1308f1f947ee496e70d40904 Mon Sep 17 00:00:00 2001 From: ajdj100 Date: Sun, 8 Mar 2026 12:00:25 -0400 Subject: [PATCH] Fixed styling issue on firefox --- ui/src/pages/Calendar.vue | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/ui/src/pages/Calendar.vue b/ui/src/pages/Calendar.vue index e44065f..3e3021c 100644 --- a/ui/src/pages/Calendar.vue +++ b/ui/src/pages/Calendar.vue @@ -227,6 +227,9 @@ onMounted(() => { /* Ensure the calendar fills the container properly */ :global(.fc) { height: 100% !important; + --fc-page-bg-color: transparent; + --fc-neutral-bg-color: color-mix(in srgb, var(--color-foreground) 8%, transparent); + --fc-neutral-text-color: var(--color-muted-foreground); --fc-border-color: var(--color-border); --fc-button-bg-color: transparent; --fc-button-border-color: var(--color-border); @@ -299,6 +302,7 @@ onMounted(() => { :global(.fc .fc-scrollgrid td), :global(.fc .fc-scrollgrid th) { border-color: var(--color-border); + background: var(--fc-page-bg-color); } /* ---------- Built-in toolbar (if you keep it) ---------- */ @@ -346,9 +350,7 @@ onMounted(() => { text-decoration: none; } -:global(#app > div > div.flex-1.min-h-0 > div > div > div > div.fc.fc-media-screen.fc-direction-ltr.fc-theme-standard > div.fc-view-harness.fc-view-harness-passive > div > table > thead > tr > th) { - background-color: transparent; -} + :global(.fc .fc-daygrid-day-top) { padding: 8px 8px 0 8px; } -- 2.37.3.windows.1