Fixes typo causing the message not to be displayed

[bookstack] / resources / assets / sass / _tinymce.scss

diff --git a/resources/assets/sass/_tinymce.scss b/resources/assets/sass/_tinymce.scss
index 8a19f24ea8ab7cdfb5e14e0c5185f8fa82fc3528..969bbc9689465a945252e0b0e2078ae514bc7e21 100644 (file)
--- a/resources/assets/sass/_tinymce.scss
+++ b/resources/assets/sass/_tinymce.scss
@@ -1,15 +1,4 @@
 
-//.mce-container {
-//  .mce-menubar, .mce-toolbar-grp {
-//    position: fixed;
-//    width: 100%;
-//  }
-//  .mce-container-body {
-//    position: relative;
-//    overflow: hidden;
-//    display: block;
-//  }
-//}
 
 .mce-tinymce.mce-container.fullscreen {
   position: fixed;
@@ -22,15 +11,6 @@
 }
 
 
-
-.edit-area {
-  height: 100%;
-}
-
-.page-style.editor {
-  height: 100%;
-}
-
 .mce-tinymce {
   .mce-panel {
     background-color: #FFF;
@@ -38,4 +18,34 @@
   .mce-btn {
     background-color: #FFF;
   }
+}
+
+.mce-container-body.mce-flow-layout {
+  text-align: center;
+}
+
+.edit-area.flex > div > .mce-tinymce.mce-container.mce-panel {
+  flex: 1 1 auto;
+  display: flex !important;
+  flex-direction: column;
+  align-items: stretch;
+  margin: 0 -1px;
+  > .mce-container-body {
+    flex: 1 1 auto;
+    display: flex !important;
+    flex-direction: column;
+    align-items: stretch;
+    > .mce-toolbar-grp {
+      flex: 0 1 auto;
+    }
+    > .mce-edit-area {
+      flex: 1 1 auto;
+      display: flex !important;
+      flex-direction: column;
+      align-items: stretch;
+      iframe {
+        flex: 1;
+      }
+    }
+  }
 }
\ No newline at end of file