Fixed styling issue on firefox #204

Merged
Ajdj100 merged 1 commits from Calendar-Firefox-Tweak into main 2026-03-08 11:00:11 -05:00

View File

@@ -227,6 +227,9 @@ onMounted(() => {
/* Ensure the calendar fills the container properly */ /* Ensure the calendar fills the container properly */
:global(.fc) { :global(.fc) {
height: 100% !important; 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-border-color: var(--color-border);
--fc-button-bg-color: transparent; --fc-button-bg-color: transparent;
--fc-button-border-color: var(--color-border); --fc-button-border-color: var(--color-border);
@@ -299,6 +302,7 @@ onMounted(() => {
:global(.fc .fc-scrollgrid td), :global(.fc .fc-scrollgrid td),
:global(.fc .fc-scrollgrid th) { :global(.fc .fc-scrollgrid th) {
border-color: var(--color-border); border-color: var(--color-border);
background: var(--fc-page-bg-color);
} }
/* ---------- Built-in toolbar (if you keep it) ---------- */ /* ---------- Built-in toolbar (if you keep it) ---------- */
@@ -346,9 +350,7 @@ onMounted(() => {
text-decoration: none; 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) { :global(.fc .fc-daygrid-day-top) {
padding: 8px 8px 0 8px; padding: 8px 8px 0 8px;
} }