diff options
author | Hugo Hörnquist <hugo@lysator.liu.se> | 2021-11-21 16:08:08 +0100 |
---|---|---|
committer | Hugo Hörnquist <hugo@lysator.liu.se> | 2021-11-21 16:25:59 +0100 |
commit | e7d80fcfa91f92c712110d58151df0f8f1e6ed86 (patch) | |
tree | 9bc424729c8d9e6ef65d959cc0bfe7cc0f9145e8 /static/_global.scss | |
parent | Add basic rrule tab. (diff) | |
download | calp-e7d80fcfa91f92c712110d58151df0f8f1e6ed86.tar.gz calp-e7d80fcfa91f92c712110d58151df0f8f1e6ed86.tar.xz |
Rework popup components.
Previously popups were driven through some CSS hacks, which used labels
with specific positioning, and z-index changes. This never really
worked, and led the rest of the tree to be unmanagable. This commit
replaces that system with a simpler one, which is being driven by
javascript.
This also allowed a much simpler tree, which allowed us to
- make the popups rezisable (with a resize anchor)
- move the window handle to above (configurable)
- Add and remove tabs without having manually reflow where all labels
are
Diffstat (limited to '')
-rw-r--r-- | static/_global.scss | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/static/_global.scss b/static/_global.scss index 8a5bee83..41f426f9 100644 --- a/static/_global.scss +++ b/static/_global.scss @@ -1,5 +1,16 @@ $gray: #757575; $blue: #3399ff; +/* TODO rename this */ $btn-height: 0.5ex; +$tablabel-height: 5ex; +$tablabel-margin: 0; +// "left" or "top" +$popup-style: "left"; + +:root { + /* Each popup can have a different amoutn of tabs. + Override this as appropriate */ + --tabcount: 4; +} |