fix: safari css behavior for accordion and backdrop blur (#2045)

fern-api · Jan 21, 2025 · 4e37e51 · 4e37e51
1 parent 9f9d5a9
commit 4e37e51
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/fern-docs/components/src/accordion.scss b/packages/fern-docs/components/src/accordion.scss
@@ -15,6 +15,11 @@
     @apply hover:bg-tag-default flex cursor-pointer items-center gap-3 rounded-[inherit] p-4 transition-colors hover:transition-none data-[state=open]:rounded-b-none;
     @apply list-none;
 
+    // Hide the default arrow on WebKit browsers
+    &::-webkit-details-marker {
+      @apply hidden;
+    }
+
     .fern-accordion-trigger-arrow {
       @apply t-muted ease-shift size-4 shrink-0 transition-transform duration-[400ms];
     }

diff --git a/packages/fern-docs/search-ui/src/components/desktop/desktop.scss b/packages/fern-docs/search-ui/src/components/desktop/desktop.scss
@@ -2,7 +2,6 @@
   overflow: hidden;
   border: 1px solid var(--grayscale-a6);
   background-color: var(--grayscale-a1);
-  backdrop-filter: blur(40px);
   border-radius: 0.75rem;
   transition: transform 100ms ease;
   position: relative;