diff options
author | Hugo Hörnquist <hugo@lysator.liu.se> | 2020-05-03 00:27:36 +0200 |
---|---|---|
committer | Hugo Hörnquist <hugo@lysator.liu.se> | 2020-05-03 00:27:36 +0200 |
commit | e0950b6c7463653c7049de196dc6448bf5e03fdb (patch) | |
tree | bd4de7e235c8571d90d3ca4d4a5fa23d0364e279 /static/style.css | |
parent | Translate 'monthly' and 'weekly' buttons. (diff) | |
download | calp-e0950b6c7463653c7049de196dc6448bf5e03fdb.tar.gz calp-e0950b6c7463653c7049de196dc6448bf5e03fdb.tar.xz |
Add [today] and [jump to] button in frontend.
Currently the JavaScript updates these buttons to work, but they by
default reference backend endpoints which are not yet written.
Diffstat (limited to 'static/style.css')
-rw-r--r-- | static/style.css | 37 |
1 files changed, 33 insertions, 4 deletions
diff --git a/static/style.css b/static/style.css index aad9a80c..875adc18 100644 --- a/static/style.css +++ b/static/style.css @@ -92,17 +92,40 @@ html, body { "Buttons" for changing between weekly and monthly layout */ +.calnav { + display: flex; + flex-direction: column; + padding-left: 2em; + padding-right: 2em; +} + .change-view { display: flex; flex-direction: row; - justify-content: space-evenly; + justify-content: space-between; + + padding-top: 1ex; + padding-bottom: 1ex; +} + +.jump-to > form { + display: flex; +} + +.jump-to input { + flex-grow: 2; + margin-right: 1em; } -.change-view .btn { - margin-top: 1ex; - margin-bottom: 1ex; +.jump-to button, .jump-to a { + /* Same as height, figure out way to force this */ + width: 2.5em; } +/* button +-------------------------------------------------- +*/ + .btn { padding: 0; @@ -127,6 +150,12 @@ html, body { justify-content: center; align-items: center; + /* shouldn't be needed, but otherwise wont align with a text input + inside a shared flex-container. + It however seems to make <a> and <button> tag refuse to be the same height? + */ + height: 2.5em; + box-shadow: var(--btn-height) var(--btn-height) gray; } |