From c9b97fdaaf99423a2331da136cafbb087ce2c534 Mon Sep 17 00:00:00 2001 From: Cam Proudlock Date: Sat, 8 Aug 2026 14:53:08 -0400 Subject: [PATCH] Stop the calendar growing a scrollbar on a short window --- .../frontend/views/CalendarView.vue | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/plugins/notifications/frontend/views/CalendarView.vue b/plugins/notifications/frontend/views/CalendarView.vue index d7badbbe..f6cc3519 100644 --- a/plugins/notifications/frontend/views/CalendarView.vue +++ b/plugins/notifications/frontend/views/CalendarView.vue @@ -272,6 +272,23 @@ function formatDate(dateStr) { min-height: 620px; } +/* Those floors are sized for a full-height display. On a shorter window they + add up to more than calc(100vh - 230px) gives - six rows at 110px plus the + toolbar overflows a 768px screen - and the page grew a scrollbar to show a + month that used to fit. Relax them there: still floored well above the thin + strips this was fixing, just not taller than the window. */ +@media (max-height: 899px) { + .calendar-container { + min-height: 520px; + } + :deep(.fc) { + min-height: 500px; + } + :deep(.fc-daygrid-day-frame) { + min-height: 78px; + } +} + /* The day number was tight against the top edge once the cells grew. */ :deep(.fc-daygrid-day-top) { padding: 2px 4px;