From f39ee4e783d8fd1d21d4c2b9f0616d448b5b7b13 Mon Sep 17 00:00:00 2001
From: Kailash Nadh <kailash@nadh.in>
Date: Thu, 28 Oct 2021 22:21:44 +0530
Subject: [PATCH] Fix TinyMce campaign editor toolbar to the top on scroll.
 Closes #549.

---
 frontend/src/assets/style.scss     | 5 +++++
 frontend/src/components/Editor.vue | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/assets/style.scss b/frontend/src/assets/style.scss
index d35567108..cc6d20f45 100644
--- 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
index c59e3515d..d07bf75b0 100644
--- 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: [