From 4e37e5131eadb9b351588d700e9615ea9feae826 Mon Sep 17 00:00:00 2001 From: Andrew Jiang Date: Tue, 21 Jan 2025 18:46:18 -0500 Subject: [PATCH] fix: safari css behavior for accordion and backdrop blur (#2045) --- packages/fern-docs/components/src/accordion.scss | 5 +++++ .../fern-docs/search-ui/src/components/desktop/desktop.scss | 1 - 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/fern-docs/components/src/accordion.scss b/packages/fern-docs/components/src/accordion.scss index d2ef736bde..277a6995a3 100644 --- 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 index db91b4692d..c37e399873 100644 --- 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;