pleroma-fe

commit: c14f88e2906f02d1759e2e2b4c585be30390e9ea
parent 17d562b979fc4a57fd6e6ea6313c81ea5705ffe0
Author: Henry Jameson <me@hjkos.com>
Date:   Wed, 12 Feb 2025 21:26:05 +0200

disable shadow inheritance

Diffstat:
M
src/App.scss
5
+++++
M
src/panel.scss
7
+++++--

2 files changed, 10 insertions(+), 2 deletions(-)
diff --git a/src/App.scss b/src/App.scss
@@ -1096,3 +1096,8 @@ option {
     }
   }
 }
+
+@property --shadow {
+  syntax: "*";
+  inherits: false;
+}
diff --git a/src/panel.scss b/src/panel.scss
@@ -2,6 +2,7 @@
 .panel {
   --__panel-background: var(--background);
   --__panel-backdrop-filter: var(--backdrop-filter);
+  --_shadow: var(--shadow);
 
   .tab-switcher .tabs {
     background: var(--__panel-background);
@@ -29,7 +30,7 @@
     left: 0;
     right: 0;
     z-index: 5;
-    box-shadow: var(--shadow);
+    box-shadow: var(--_shadow);
     pointer-events: none;
   }
 }
@@ -154,11 +155,13 @@
     linear-gradient(to bottom, var(--background), var(--background)),
     linear-gradient(to bottom, var(--__panel-background), var(--__panel-background));
 
+  --_shadow: var(--shadow);
+
   &::after {
     background-color: var(--background);
     z-index: -2;
     border-radius: var(--roundness) var(--roundness) 0 0;
-    box-shadow: var(--shadow);
+    box-shadow: var(--_shadow);
   }
 
   &:not(.-flexible-height) {