diff options
| author | Henry Jameson <me@hjkos.com> | 2024-04-04 22:45:13 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-04-04 22:45:13 +0300 |
| commit | c0010d0f484a2800c3f453beafc0b07c5f24c918 (patch) | |
| tree | fa4df6375356d01fcb0c89727f42636ba6f36a0e /src | |
| parent | 8ead084421f4fa95d1db4ba295f4d55b5a075d24 (diff) | |
fix transparent popovers
Diffstat (limited to 'src')
| -rw-r--r-- | src/App.scss | 7 | ||||
| -rw-r--r-- | src/components/popover/popover.vue | 2 |
2 files changed, 6 insertions, 3 deletions
diff --git a/src/App.scss b/src/App.scss index 77d761dd..6e0aabca 100644 --- a/src/App.scss +++ b/src/App.scss @@ -14,14 +14,14 @@ --ZI_navbar_popovers: 7500; --ZI_navbar: 7000; --ZI_popovers: 6000; + + // Fallback for when stuff is loading + --background: var(--bg); } html { font-size: var(--font-size); // overflow-x: clip causes my browser's tab to crash with SIGILL lul - - // Fallback for when stuff is loading - --background: var(--bg); } body { @@ -410,6 +410,7 @@ nav { width: 100%; line-height: var(--__line-height); padding: var(--__vertical-gap) var(--__horizontal-gap); + background: transparent; --__line-height: 1.5em; --__horizontal-gap: 0.75em; diff --git a/src/components/popover/popover.vue b/src/components/popover/popover.vue index 0cc0949c..0c5b372e 100644 --- a/src/components/popover/popover.vue +++ b/src/components/popover/popover.vue @@ -71,6 +71,7 @@ border-color: var(--border); border-style: solid; border-width: 1px; + background-color: var(--background); } .dropdown-menu { @@ -82,6 +83,7 @@ max-width: 100vw; z-index: var(--ZI_popover_override, var(--ZI_popovers)); white-space: nowrap; + background-color: var(--background); .dropdown-divider { height: 0; |