Fix dropdown z-index by using negative z-index on clouds instead of overriding all children
This commit is contained in:
1 parent
c2de6cab10
commit
fb039b725f
1 file changed
+2
-10
+2
-10
@@ -279,7 +279,7 @@ summary,
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
z-index: 0;
|
z-index: -1;
|
||||||
background:
|
background:
|
||||||
radial-gradient(
|
radial-gradient(
|
||||||
ellipse 240px 60px at 15% 8%,
|
ellipse 240px 60px at 15% 8%,
|
||||||
@@ -323,7 +323,7 @@ summary,
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
z-index: 0;
|
z-index: -1;
|
||||||
background:
|
background:
|
||||||
radial-gradient(
|
radial-gradient(
|
||||||
ellipse 600px 400px at 20% 0%,
|
ellipse 600px 400px at 20% 0%,
|
||||||
@@ -336,14 +336,6 @@ summary,
|
|||||||
transparent 100%
|
transparent 100%
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
/* Ensure all content sits above the cloud/glow layers */
|
|
||||||
@layer base {
|
|
||||||
.site-bg > * {
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
html.dark .site-bg {
|
html.dark .site-bg {
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
180deg,
|
180deg,
|
||||||
|
|||||||
Reference in new issue
Block a user