hide default <summary> arrow on mobile (#4109)

more
shuding · Jan 29, 2025 · b0e686e · b0e686e
1 parent 90b8c66
commit b0e686e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/sharp-humans-listen.md b/.changeset/sharp-humans-listen.md
@@ -0,0 +1,7 @@
+---
+"nextra": patch
+"nextra-theme-blog": patch
+"nextra-theme-docs": patch
+---
+
+hide default `<summary>` arrow on mobile
diff --git a/packages/nextra/src/client/mdx-components/summary.tsx b/packages/nextra/src/client/mdx-components/summary.tsx
@@ -15,7 +15,7 @@ export const Summary: FC<ComponentProps<'summary'>> = ({
         'x:cursor-pointer x:transition-colors',
         'x:hover:bg-gray-100 x:dark:hover:bg-neutral-800',
         'x:select-none x:rounded',
-        'x:marker:content-[""]',
+        'x:[&::-webkit-details-marker]:hidden', // Safari
         'x:flex x:items-center',
         className
       )}