all repos — homestead @ 3cefac42549648a5f2bfb996f33240da88943061

Code for my website

change calendar display on narrow screens

Alan Pearce
commit

3cefac42549648a5f2bfb996f33240da88943061

parent

c23b6263c26324f94790f52a447377c3d0696d42

1 file changed, 25 insertions(+), 0 deletions(-)

changed files
M templates/style.csstemplates/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; + } +}