Stop the calendar growing a scrollbar on a short window
This commit is contained in:
@@ -272,6 +272,23 @@ function formatDate(dateStr) {
|
|||||||
min-height: 620px;
|
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. */
|
/* The day number was tight against the top edge once the cells grew. */
|
||||||
:deep(.fc-daygrid-day-top) {
|
:deep(.fc-daygrid-day-top) {
|
||||||
padding: 2px 4px;
|
padding: 2px 4px;
|
||||||
|
|||||||
Reference in New Issue
Block a user