pleroma-fe

commit: 34f23b992e0a0eefbac79badd70d6e212d8a0f19
parent 6d77bc2bd5e96ca213496b726afb3c821e4d4fd7
Author: Henry Jameson <me@hjkos.com>
Date:   Thu,  7 Mar 2024 00:37:21 +0200

fix conversations panels shadows

Diffstat:
M
src/components/conversation/conversation.vue
17
++++++++++++++++-

1 file changed, 16 insertions(+), 1 deletion(-)
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue
@@ -287,8 +287,23 @@
   }
 
   &.-expanded.status-fadein {
+    --___margin: calc(var(--status-margin) / 2);
+
     background: var(--background);
-    padding: calc(var(--status-margin) / 2);
+    margin: var(--___margin);
+
+    &::before {
+      z-index: -1;
+      content: "";
+      display: block;
+      position: absolute;
+      top: calc(var(--___margin) * -1);
+      bottom: calc(var(--___margin) * -1);
+      left: calc(var(--___margin) * -1);
+      right: calc(var(--___margin) * -1);
+      background: var(--background);
+      backdrop-filter: var(--__panel-backdrop-filter);
+    }
   }
 }
 </style>