change calendar display on narrow screens
1 file changed, 25 insertions(+), 0 deletions(-)
changed files
M templates/style.css → templates/style.css
@@ -304,3 +304,28 @@ .calendar footer p { margin: 0; } + +.only-small-portrait { + display: none; +} + +@media only screen and (max-width: 768px) { + .calendar-grid { + display: flex; + flex-direction: column; + } + + .past { + display: none; + } + + .day { + min-height: revert; + } +} + +@media only screen and (max-width: 768px) and (orientation: portrait) and (min-height: 768px) { + .only-small-portrait { + display: revert; + } +}