Make toolbar sticky

fr0tt · Jan 17, 2023 · 34f9219 · 34f9219
1 parent da04560
commit 34f9219
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/resources/js/components/EditorMenuBar.vue b/resources/js/components/EditorMenuBar.vue
@@ -153,11 +153,17 @@ export default {
     padding-top: 0.375rem;
     padding-bottom: 0.375rem;
 }
+.menubar {
+    position: sticky;
+    z-index: 100;   
+    top: 63px;
+}
 @media (max-width: 768px) {
     .menubar {
         overflow-x: scroll;
         white-space: nowrap;
         @apply py-1.5;
+        top: 58px;
     }
 }
 .delimiter {

diff --git a/resources/sass/app.scss b/resources/sass/app.scss
@@ -159,4 +159,4 @@ label.label {
         @apply mt-4 mb-4;
         border-top: 2px solid #e6e6e6;
     }
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -159,4 +159,4 @@ label.label { @@
             @apply mt-4 mb-4;
             border-top: 2px solid #e6e6e6;
         }
-    }
+    }