Fix TinyMce campaign editor toolbar to the top on scroll. Closes #549.

knadh · Oct 28, 2021 · f39ee4e · f39ee4e
1 parent b290d27
commit f39ee4e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/frontend/src/assets/style.scss b/frontend/src/assets/style.scss
@@ -230,6 +230,11 @@ body.is-noscroll {
   .tox .tox-statusbar {
     border: 0;
   }
+
+  .tox-tinymce--toolbar-sticky-on .tox-editor-header {
+    padding-top: 48px !important;
+  }
+
 }
 
 

diff --git a/frontend/src/components/Editor.vue b/frontend/src/components/Editor.vue
@@ -60,7 +60,6 @@
           </footer>
         </div>
       </b-modal>
-
     </template>
 
     <!-- raw html editor //-->
@@ -211,6 +210,7 @@ export default {
         },
 
         min_height: 500,
+        toolbar_sticky: true,
         entity_encoding: 'raw',
         convert_urls: true,
         plugins: [