Merge pull request #1515 from tvdeyen/fix-tinymce-fullscreen

Maximize element window if tinymce is fullscreen
AlchemyCMS · Dec 4, 2018 · 6465950 · 6465950
2 parents da86e77 + 186fa8c
commit 6465950
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 18 deletions.
diff --git a/app/assets/stylesheets/alchemy/elements.scss b/app/assets/stylesheets/alchemy/elements.scss
@@ -13,6 +13,11 @@
   .elements-window-visible & {
     transform: translate3d(0, 0, 0);
   }
+
+  // Fix for Tinymce fullscreen window positioning issues (GH#1511)
+  .mce-fullscreen & {
+    width: calc(100vw - #{$collapsed-main-menu-width - $default-border-width});
+  }
 }
 
 #element_area {

diff --git a/app/assets/stylesheets/tinymce/skins/alchemy/skin.min.css.scss b/app/assets/stylesheets/tinymce/skins/alchemy/skin.min.css.scss
@@ -28,9 +28,6 @@
   direction: ltr;
 }
 
-.mce-widget button {
-}
-
 .mce-container *[unselectable] {
   user-select: none;
 }
@@ -70,6 +67,8 @@
   overflow: hidden;
   height: 100%;
   z-index: 100;
+  background: #fff;
+  border-radius: 0;
 
   .mce-resizehandle {
     display: none;
@@ -337,21 +336,6 @@ div.mce-tinymce-inline {
   }
 }
 
-.mce-fullscreen {
-  border: 0;
-  padding: 0;
-  margin: 0;
-  overflow: hidden;
-  background: #fff;
-  height: 100%;
-}
-
-div.mce-fullscreen {
-  position: fixed;
-  top: 0;
-  left: 0;
-}
-
 #mce-modal-block {
   opacity: 0;
   position: fixed;