Vincent Lannurien
68c33be090
All checks were successful
Build and deploy static pages / build-and-push (push) Successful in 13s
Pull in @fullcalendar/multimonth so the deadline calendar can show all twelve months at once, between the month grid and the year list. Events render as dots there and the type scales down, so the month tables stay legible two or three to a row. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
45 lines
2.2 KiB
HTML
45 lines
2.2 KiB
HTML
{{- if eq .Layout "calendar" }}
|
|
<style>
|
|
#pa-calendar { margin: 1.5rem 0 2.5rem; }
|
|
.fc .fc-toolbar-title { font-size: 1.1rem; }
|
|
.fc-event { cursor: pointer; font-size: 0.78rem; }
|
|
/* Reset PaperMod's global table overrides inside FullCalendar */
|
|
.fc table { display: table; overflow-x: visible; margin-bottom: 0; border-radius: 0; word-break: normal; }
|
|
.fc th { min-width: 0; text-align: center; }
|
|
.fc td:first-child, .fc th:first-child { width: auto; }
|
|
/* Map the site palette onto FullCalendar's variables. The values are theme
|
|
variables, so one mapping covers both light and dark. */
|
|
#pa-calendar {
|
|
--fc-page-bg-color: var(--entry);
|
|
--fc-neutral-bg-color: var(--code-bg);
|
|
--fc-neutral-text-color: var(--secondary);
|
|
--fc-border-color: var(--border);
|
|
--fc-today-bg-color: var(--accent-soft);
|
|
--fc-list-event-hover-bg-color: var(--accent-soft);
|
|
--fc-button-text-color: var(--primary);
|
|
--fc-button-bg-color: var(--entry);
|
|
--fc-button-border-color: var(--border);
|
|
--fc-button-hover-bg-color: var(--code-bg);
|
|
--fc-button-hover-border-color: var(--accent-line);
|
|
--fc-button-active-bg-color: var(--accent-soft);
|
|
--fc-button-active-border-color: var(--accent-line);
|
|
background: var(--entry);
|
|
border: 1px solid var(--border);
|
|
border-radius: var(--radius);
|
|
padding: 1rem;
|
|
color: var(--primary);
|
|
}
|
|
.fc .fc-daygrid-day-number, .fc .fc-col-header-cell-cushion { color: var(--secondary); }
|
|
.fc .fc-day-today .fc-daygrid-day-number { color: var(--accent); font-weight: 600; }
|
|
.fc-event { border-radius: 4px; }
|
|
/* Year view: months sit two or three to a row, so scale the text down and
|
|
let event titles ellipsize instead of stretching the month tables. */
|
|
.fc .fc-multimonth-title { font-size: 0.95rem; padding: 0.7em 0; }
|
|
.fc .fc-multimonth-multicol .fc-multimonth-month { padding: 0 0.6em 1em; }
|
|
.fc-multimonth .fc-daygrid-day-number,
|
|
.fc-multimonth .fc-col-header-cell-cushion { font-size: 0.7rem; }
|
|
.fc-multimonth .fc-event { font-size: 0.68rem; }
|
|
.fc-multimonth .fc-event-title { text-overflow: ellipsis; }
|
|
</style>
|
|
{{- end }}
|