fix: enable scroll for long formula (#13)

ikkz · Nov 22, 2024 · f36cf66 · f36cf66
1 parent 8b7b604
commit f36cf66
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/.changeset/hot-pets-march.md b/.changeset/hot-pets-march.md
@@ -0,0 +1,5 @@
+---
+'anki-templates': patch
+---
+
+Enable scroll for long formula (长公式启用滚动)
diff --git a/src/components/field.tsx b/src/components/field.tsx
@@ -39,9 +39,9 @@ export const AnkiField: FC<{
       ref={attachNode}
       id={`anki-field-${name}`}
       className={clsx(
-        'anki-field overflow-x-hidden',
-        'prose prose-neutral',
-        'dark:prose-invert',
+        'anki-field',
+        'overflow-x-auto',
+        'prose prose-neutral dark:prose-invert',
         styleId,
         className,
       )}

diff --git a/src/global.css b/src/global.css
@@ -18,3 +18,11 @@ body {
 .anki-field p:last-child {
   margin-bottom: 0 !important;
 }
+
+.anki-field {
+  scrollbar-width: none;
+}
+
+.anki-field::-webkit-scrollbar {
+  scrollbar-width: none;
+}