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

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;
+  }
+
 }
 
 

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: [