diff options
Diffstat (limited to 'static/style.scss')
-rw-r--r-- | static/style.scss | 88 |
1 files changed, 82 insertions, 6 deletions
diff --git a/static/style.scss b/static/style.scss index 33f55f81..954f84fe 100644 --- a/static/style.scss +++ b/static/style.scss @@ -549,6 +549,7 @@ along with their colors. font-style: italic; white-space: pre; } + } .event-body { @@ -694,13 +695,13 @@ along with their colors. /* overflow-y: auto; */ max-width: 60ch; max-height: 60ch; - min-width: 40ch; - min-height: 20ch; + min-width: 60ch; + min-height: 30ch; &-container { display: none; position: absolute; - z-index: 10; + z-index: 1000; /* ??? */ left: 10px; @@ -735,6 +736,11 @@ along with their colors. font-style: initial; } + .category { + display: inline-block; + margin-right: 1ex; + } + .popup-control { display: flex; flex-direction: column; @@ -786,7 +792,7 @@ along with their colors. } .tab { - label { + > label { position: absolute; left: 100%; @@ -810,13 +816,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; } } } @@ -833,6 +839,76 @@ along with their colors. min-width: 100%; min-height: 100%; } + + + .edit-form { + label { + display: block; + } + + /* REG */ + input[type='text'], textarea { + width: 100%; + } + + .newfield { + width: 100%; + display: flex; + } + + .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; + } + } + } + + +} + +.plusminuschecked label { + color: black; +} + +.plusminuscheck:checked ~ label .plus { + color: green; +} + +.plusminuscheck:not(:checked) ~ label .minus { + color: red; +} + +.inline-edit { + input { + /* important since regular spec is much stronger...*/ + /* [REG] */ + width: initial !important; + } } /* Other |