feat(calendar): add list view & improve styling

This commit is contained in:
Elian Doran
2025-03-16 20:53:54 +02:00
parent ceddc1b497
commit d67dd27568
3 changed files with 21 additions and 1 deletions

View File

@@ -30,12 +30,19 @@ const TPL = `
.calendar-container {
height: 100%;
--fc-border-color: var(--main-border-color);
--fc-neutral-bg-color: var(--launcher-pane-background-color);
--fc-list-event-hover-bg-color: var(--left-pane-item-hover-background);
}
.calendar-container .fc-toolbar.fc-header-toolbar {
margin-bottom: 0.5em;
}
.calendar-container .fc-list-sticky .fc-list-day > * {
z-index: 50;
}
body.desktop:not(.zen) .calendar-container .fc-toolbar.fc-header-toolbar {
padding-right: 5em;
}
@@ -103,6 +110,7 @@ export default class CalendarView extends ViewMode {
const plugins: PluginDef[] = [];
plugins.push((await import("@fullcalendar/daygrid")).default);
plugins.push((await import("@fullcalendar/timegrid")).default);
plugins.push((await import("@fullcalendar/list")).default);
if (isEditable || this.isCalendarRoot) {
plugins.push((await import("@fullcalendar/interaction")).default);
}
@@ -162,7 +170,7 @@ export default class CalendarView extends ViewMode {
},
headerToolbar: {
start: "title",
end: "dayGridMonth,timeGridWeek today prev,next"
end: "dayGridMonth,timeGridWeek,listMonth today prev,next"
}
});
calendar.render();