Merge pull request #585 from PR0M3TH3AN/codex/override-sidebaroverlay-z-index-and-test-drawer

Adjust sidebar overlay stacking order and blur
This commit is contained in:
thePR0M3TH3AN authored and GitHub committed 2025-10-15 21:19:18 -04:00
commit f32987e415
1 file changed
+14 -2
+14 -2
View File
@@ -2727,10 +2727,15 @@
opacity: 0;
pointer-events: none;
transition: opacity 300ms ease;
z-index: var(--z-sidebar-overlay);
--sidebar-overlay-open-opacity: 1;
--sidebar-overlay-backdrop-blur: var(--overlay-backdrop-blur);
backdrop-filter: blur(var(--sidebar-overlay-backdrop-blur));
-webkit-backdrop-filter: blur(var(--sidebar-overlay-backdrop-blur));
}
body.sidebar-open #sidebarOverlay {
opacity: 1;
body.sidebar-open:not(.modal-open) #sidebarOverlay {
opacity: var(--sidebar-overlay-open-opacity);
pointer-events: auto;
}
@@ -2775,6 +2780,13 @@
body.sidebar-open {
overflow: hidden;
}
body.sidebar-open:not(.modal-open) #sidebarOverlay {
--sidebar-overlay-open-opacity: 0.85;
--sidebar-overlay-backdrop-blur: calc(
var(--overlay-backdrop-blur) * 0.75
);
}
}
@media (min-width: theme('screens.md')) {