diff options
author | Hugo Hörnquist <hugo@lysator.liu.se> | 2021-11-30 01:09:53 +0100 |
---|---|---|
committer | Hugo Hörnquist <hugo@lysator.liu.se> | 2021-11-30 01:09:53 +0100 |
commit | e71f0c20adc4dc2f49bca99a859241fdadf376d3 (patch) | |
tree | 3231d1e491fcd1ed9dc0ab31cac4fdedb733807d /static/style.scss | |
parent | Change UID resolve. (diff) | |
download | calp-e71f0c20adc4dc2f49bca99a859241fdadf376d3.tar.gz calp-e71f0c20adc4dc2f49bca99a859241fdadf376d3.tar.xz |
Rework tab system.
This sepparates popup-elements from their tabbed contents, allowing
clearer sepparations of concerns, along with easier adding and removing
of tabs to the tabset!
Diffstat (limited to 'static/style.scss')
-rw-r--r-- | static/style.scss | 34 |
1 files changed, 26 insertions, 8 deletions
diff --git a/static/style.scss b/static/style.scss index bd29f4cc..e0a7e21e 100644 --- a/static/style.scss +++ b/static/style.scss @@ -782,20 +782,19 @@ popup-element { display: block; } - main { + > * { resize: both; + /* This overflow: auto gives us the correct resize handle */ overflow: auto; + /* TODO this doesn't work, since tabcount is sepparate fronm + * popup... */ min-height: calc(var(--tabcount) * #{$tablabel-margin + $tablabel-height}); /* some form of sensible minimi and default size for the popup (s main area). */ min-width: 150px; width: 350px; height: 250px; - - article { - padding: 1em; - } } } @@ -839,9 +838,6 @@ popup-element { } .popup-root { - background-color: #dedede; - color: black; - display: flex; @if $popup-style == "left" { @@ -849,7 +845,20 @@ popup-element { } @else { flex-direction: column; } +} + +tab-group { + background-color: #dedede; + color: black; + width: 100%; + height: 100%; + /* This overflow: auto gives us the correct rendering of the content */ + overflow: auto; + + [role="tabpanel"] { + padding: 1em; + } [role="tablist"] { display: flex; @@ -922,6 +931,15 @@ vevent-edit { } } +.checkboxes { + display: grid; + grid-template-rows: 1fr 1fr; + justify-items: baseline; + + label {grid-row: 1;} + input {grid-row: 2;} +} + vevent-dl { font-size: 80%; |