fix: make the editor headers stick only on big screens

danielo515 · Apr 25, 2024 · 4193246 · 4193246
1 parent d1d76f8
commit 4193246
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/views/FormBuilder.svelte b/src/views/FormBuilder.svelte
@@ -398,6 +398,7 @@
         height: 100%;
         overflow: hidden;
     }
+    .is-mobile .body,
     .body {
         padding-top: 0.5rem;
         overflow-y: scroll;
@@ -407,7 +408,7 @@
         padding: 1rem;
     }
     /* on bigger screens make the headers stick */
-    @media (min-width: 58rem) {
+    @media (min-width: 100rem) {
         .body {
             overflow-y: hidden;
         }

diff --git a/styles.css b/styles.css
@@ -10,6 +10,7 @@ If your plugin does not need CSS, delete this file.
 :root {
     --mf-spacing: 0.75rem;
     --mf-spacing2: 1.5rem;
+    --mf-tablet: 768px;
 }
 
 /* Utilities to remove styles from native obsidian elements when wrapped like this