diff options
author | Hugo Hörnquist <hugo@lysator.liu.se> | 2020-07-08 00:01:13 +0200 |
---|---|---|
committer | Hugo Hörnquist <hugo@lysator.liu.se> | 2020-07-08 00:01:13 +0200 |
commit | 0bdec52cbf4c563bf08791fcd447fcfe6d1ec349 (patch) | |
tree | 2a7475b0b5b338e5b875304f3627ca682dc558fc /static/style.css | |
parent | Remove faulty top error handler from main. (diff) | |
parent | Draft of multiple tabs for HTML popups. (diff) | |
download | calp-0bdec52cbf4c563bf08791fcd447fcfe6d1ec349.tar.gz calp-0bdec52cbf4c563bf08791fcd447fcfe6d1ec349.tar.xz |
Merge branch 'html-popup-tabs'
Firefox decided to work again. It might just be my system that it
slightly unstable?
Diffstat (limited to '')
-rw-r--r-- | static/style.css | 66 |
1 files changed, 65 insertions, 1 deletions
diff --git a/static/style.css b/static/style.css index 9b680a52..14ab1e53 100644 --- a/static/style.css +++ b/static/style.css @@ -636,7 +636,7 @@ along with their colors. background-color: #dedede; color: black; - overflow-y: auto; + /* overflow-y: auto; */ max-width: 60ch; max-height: 60ch; min-width: 40ch; @@ -686,5 +686,69 @@ along with their colors. left: -1em; } +/* Tabs +---------------------------------------- +*/ + +.tabgroup { + position: relative; + width: 100%; +} + +.tab label { + position: absolute; + + left: 100%; + top: 0; + display: block; + + max-height: 5ex; + min-height: 5ex; + min-width: 5ex; + max-width: 5ex; + + border: 1px solid #ccc; + border-radius: 0 5px 5px 0; + background-color: #aeaeae; + + display: flex; + justify-content: center; + align-items: center; +} + +.tab [type=radio] { display: none; } + +.tab .content { + position: absolute; + top: 0; + left: 0; + background-color: orange; + right: 0; + bottom: 0; + overflow: auto; +} + +.tpd-content-wrapper { + overflow: visible; +} + + +.tab [type=radio]:checked ~ label { + z-index: 1; + /* to align all tab */ + border-left: 3px solid transparent; + background-color: #dedede; +} + +.tab [type=radio]:checked ~ label ~ .content { + z-index: 1; +} + +script[type="application/calendar+xml"] { + display: block; + font-family: monospace; + font-size: xx-small; +} + /* vim:expandtab:softtabstop=4:shiftwidth=4: */ |