diff options
author | Hugo Hörnquist <hugo@lysator.liu.se> | 2020-09-28 01:01:45 +0200 |
---|---|---|
committer | Hugo Hörnquist <hugo@lysator.liu.se> | 2020-09-28 01:01:45 +0200 |
commit | 6ad74ec3383b7a8d8403cdf185caabd4332109a2 (patch) | |
tree | c53942e7658f2d2bf7f9f863de644ea85857025c /static | |
parent | Add fancy editing of tag list. (diff) | |
download | calp-6ad74ec3383b7a8d8403cdf185caabd4332109a2.tar.gz calp-6ad74ec3383b7a8d8403cdf185caabd4332109a2.tar.xz |
Made timeinput checkbox needlesly fancy.
Diffstat (limited to 'static')
-rw-r--r-- | static/style.scss | 37 |
1 files changed, 34 insertions, 3 deletions
diff --git a/static/style.scss b/static/style.scss index 736f170a..c2848940 100644 --- a/static/style.scss +++ b/static/style.scss @@ -704,7 +704,7 @@ along with their colors. &-container { display: none; position: absolute; - z-index: 10; + z-index: 1000; /* ??? */ left: 10px; @@ -814,13 +814,13 @@ along with their colors. [type=radio] { display: none; &:checked ~ label { - z-index: 1; + z-index: 100; /* to align all tab */ border-left: 3px solid transparent; background-color: #dedede; ~ .content { - z-index: 1; + z-index: 100; } } } @@ -848,6 +848,37 @@ along with their colors. input[type='text'], textarea { width: 100%; } + + .timeinput { + + display: grid; + grid-template-columns: 1fr [lbl-start] 1ch 1fr 1ch [lbl-end]; + grid-template-rows: [lbl-start] 0.7fr 1fr 1fr 0.3fr [lbl-end]; + + label { + background-color: rgba(10,20,30,0.7); + color: white; + border-radius: 1em; + + grid-column: lbl-start / lbl-end; + grid-row: lbl-start / lbl-end; + + text-align: center; + + user-select: none; + + z-index: 1; + + } + + input { + z-index: 2; + } + + input:checked ~ input { + z-index: 0; + } + } } |