From e7d80fcfa91f92c712110d58151df0f8f1e6ed86 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= Date: Sun, 21 Nov 2021 16:08:08 +0100 Subject: 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 --- static/_global.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) (limited to 'static/_global.scss') 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; +} -- cgit v1.2.3