themes/default/layouts/partials/card-unsafe: Disable blur

Too expensive.

1 files changed, 27 insertions, 28 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 1bac056..e3bf90a 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -856,15 +856,33 @@ micro-header footer p {
   display: inline;
 }
 
+micro-unsafe-content {
+  border-radius: 0.5rem;
+  display: block;
+  background: repeating-linear-gradient(
+    45deg,
+    #ff9999,
+    #ff9999 1rem,
+    #eee 1rem,
+    #eee 2rem
+  );
+  box-shadow: 0 0 3px var(--shadow);
+  opacity: 0.5;
+}
+
 micro-unsafe-content * {
   visibility: hidden;
   opacity: 0;
   pointer-events: none;
 }
 
+micro-unsafe details {
+  margin-bottom: 0.5rem;
+}
+
 micro-unsafe details svg {
   stroke-width: 0.1rem;
-  margin-right: 0.15rem;
+  margin-right: 0.5rem;
 }
 
 micro-unsafe details summary {
@@ -876,24 +894,21 @@ micro-unsafe details summary {
   list-style: none;
 }
 
+micro-unsafe details summary header {
+  display: flex;
+}
+
 micro-unsafe details > summary::-webkit-details-marker {
   display: none;
 }
 
-micro-unsafe-content {
-  border-radius: 0.25rem;
-  display: block;
-  background: repeating-linear-gradient(
-    180deg,
-    #ff9999,
-    #ff9999 1rem,
-    #eee 1rem,
-    #eee 2rem
-  );
+micro-unsafe details[open] + micro-unsafe-content {
+  background: none;
+  box-shadow: none;
+  opacity: 1;
 }
 
 micro-unsafe details[open] + micro-unsafe-content * {
-  filter: none;
   transition: 1s;
   visibility: visible;
   opacity: 1;
@@ -902,22 +917,6 @@ micro-unsafe details[open] + micro-unsafe-content * {
   pointer-events: auto;
 }
 
-micro-unsafe details[open] + micro-unsafe-content {
-  background: none;
-}
-
-@supports (filter: blur(2rem)) {
-  micro-unsafe-content * {
-    filter: blur(2rem);
-    visibility: unset;
-    opacity: unset;
-  }
-  micro-unsafe-content {
-    outline: none;
-    background: unset;
-  }
-}
-
 tab-list {
   display: inline-block;
   overflow-x: auto;