diff options
author | Hugo Hörnquist <hugo@lysator.liu.se> | 2020-04-02 06:04:27 +0200 |
---|---|---|
committer | Hugo Hörnquist <hugo@lysator.liu.se> | 2020-04-02 06:04:27 +0200 |
commit | 4cf8503fa0087ba2a13a65a345b018a693ade35d (patch) | |
tree | 9e6df0392af63d378825e62c91bcf4b35c65ffcd /static | |
parent | Add bottom border to small calendar. (diff) | |
download | calp-4cf8503fa0087ba2a13a65a345b018a693ade35d.tar.gz calp-4cf8503fa0087ba2a13a65a345b018a693ade35d.tar.xz |
Made page slightly responsive.
Diffstat (limited to '')
-rw-r--r-- | static/style.css | 26 |
1 files changed, 23 insertions, 3 deletions
diff --git a/static/style.css b/static/style.css index 97aa1ad5..c9110a8c 100644 --- a/static/style.css +++ b/static/style.css @@ -12,6 +12,14 @@ html, body { margin: 0; max-width: 100%; height: 100%; + + flex-direction: row; +} + +@media (max-aspect-ratio: 3/4) { + .root { + flex-direction: column; + } } .small-calendar { @@ -61,12 +69,21 @@ html, body { } .sideinfo { + display: flex; + width: 20em; height: 100%; - display: flex; flex-direction: column; } +@media (max-aspect-ratio: 3/4) { + .sideinfo { + width: 100%; + height: 20em; + flex-direction: row; + } +} + .sideinfo .nav { height: 100%; display: flex; @@ -120,10 +137,13 @@ html, body { .root main { display: flex; flex-direction: column; - flex-grow: 1; - min-width: 0; + flex-grow: 1; + + min-width: 0; /* for wide */ + min-height: 0; /* for tall */ } + /* ---------------------------------------- */ .caltable { |