From 228c86f792dcb487c923e173c90c995acc09efbf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= Date: Sun, 27 Sep 2020 17:17:55 +0200 Subject: Add new edit tab. --- static/style.scss | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'static/style.scss') diff --git a/static/style.scss b/static/style.scss index 33f55f81..3a2e5ba6 100644 --- a/static/style.scss +++ b/static/style.scss @@ -549,6 +549,10 @@ along with their colors. font-style: italic; white-space: pre; } + + .category { + display: inline-block; + } } .event-body { -- cgit v1.2.3 From 7c4dda4f90a1929dde13b254ae6f1e5a766cc7f6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= Date: Sun, 27 Sep 2020 20:53:35 +0200 Subject: Input cleaned up. --- static/style.scss | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) (limited to 'static/style.scss') diff --git a/static/style.scss b/static/style.scss index 3a2e5ba6..24f88f48 100644 --- a/static/style.scss +++ b/static/style.scss @@ -698,8 +698,8 @@ 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; @@ -790,7 +790,7 @@ along with their colors. } .tab { - label { + > label { position: absolute; left: 100%; @@ -837,6 +837,19 @@ along with their colors. min-width: 100%; min-height: 100%; } + + + .edit-form { + label { + display: block; + } + + input[type='text'], textarea { + width: 100%; + } + } + + } /* Other -- cgit v1.2.3 From b3250ac8289e4f4154682680d89c417f9a115e18 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= Date: Sun, 27 Sep 2020 23:17:01 +0200 Subject: Add fancy editing of tag list. --- static/style.scss | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'static/style.scss') diff --git a/static/style.scss b/static/style.scss index 24f88f48..736f170a 100644 --- a/static/style.scss +++ b/static/style.scss @@ -844,6 +844,7 @@ along with their colors. display: block; } + /* REG */ input[type='text'], textarea { width: 100%; } @@ -852,6 +853,14 @@ along with their colors. } +.inline-edit { + input { + /* important since regular spec is much stronger...*/ + /* [REG] */ + width: initial !important; + } +} + /* Other ---------------------------------------- */ -- cgit v1.2.3 From 6ad74ec3383b7a8d8403cdf185caabd4332109a2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= Date: Mon, 28 Sep 2020 01:01:45 +0200 Subject: Made timeinput checkbox needlesly fancy. --- static/style.scss | 37 ++++++++++++++++++++++++++++++++++--- 1 file changed, 34 insertions(+), 3 deletions(-) (limited to 'static/style.scss') 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; + } + } } -- cgit v1.2.3 From 04dcab7a429d9b034d41b5aca8bd715c4826de32 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= Date: Mon, 28 Sep 2020 03:10:54 +0200 Subject: Groundwork for adding new fields from frontend. --- static/style.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'static/style.scss') diff --git a/static/style.scss b/static/style.scss index c2848940..d69e8bcf 100644 --- a/static/style.scss +++ b/static/style.scss @@ -884,6 +884,18 @@ along with their colors. } +.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...*/ -- cgit v1.2.3 From 28c560c4c11f51b2dfffc77a286ad03057e4a13b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= Date: Fri, 23 Oct 2020 00:14:17 +0200 Subject: Work on generalizing multi-input lists. --- static/style.scss | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'static/style.scss') diff --git a/static/style.scss b/static/style.scss index d69e8bcf..ff90bc20 100644 --- a/static/style.scss +++ b/static/style.scss @@ -849,6 +849,11 @@ along with their colors. width: 100%; } + .newfield { + width: 100%; + display: flex; + } + .timeinput { display: grid; -- cgit v1.2.3 From 76e9705f47955f90e1b593ddc850bdb451417435 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= Date: Thu, 5 Nov 2020 23:33:50 +0100 Subject: Move category css from .event to .popup. --- static/style.scss | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) (limited to 'static/style.scss') diff --git a/static/style.scss b/static/style.scss index ff90bc20..954f84fe 100644 --- a/static/style.scss +++ b/static/style.scss @@ -550,9 +550,6 @@ along with their colors. white-space: pre; } - .category { - display: inline-block; - } } .event-body { @@ -739,6 +736,11 @@ along with their colors. font-style: initial; } + .category { + display: inline-block; + margin-right: 1ex; + } + .popup-control { display: flex; flex-direction: column; -- cgit v1.2.3