🐝 Safari fixes:

Make the editor 100% height in Safari and position toolbars correctly. Closes: TryGhost/Ghost#8023 M
disordinary · Mar 20, 2017 · 1d5c0e8 · 1d5c0e8
1 parent 98d2394
commit 1d5c0e8
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/app/styles/addons/gh-koenig/gh-koenig.css b/app/styles/addons/gh-koenig/gh-koenig.css
@@ -12,7 +12,8 @@
 
 .__mobiledoc-editor {
     width: 100%;
-    min-height: 100%;
+    height: 100%;
+    min-height: 300px;
     padding-bottom: 10vw;
     outline: none;
     font-family: var(--font-family);

diff --git a/app/styles/layouts/editor.css b/app/styles/layouts/editor.css
@@ -192,7 +192,7 @@
 }
 
 .gh-editor-container {
-    position: relative;
+    position: absolute;
     overflow-y: auto;
     padding: 10vw 4vw;
     width: 100%;

diff --git a/app/styles/layouts/main.css b/app/styles/layouts/main.css
@@ -41,6 +41,7 @@ body > .ember-view:not(.default-liquid-destination) {
 /*  Flexbox fix. https://github.com/TryGhost/Ghost/issues/5804#issuecomment-141416812 */
 .gh-main > section {
     width: 1px;
+    position: relative; /* for the editor in safari */
 }