From c32c3ce4440698620bd085d86a6b960815edafab Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Wed, 6 Nov 2019 15:58:01 +0700
Subject: [PATCH] Email preview refinements

---
 ghost/admin/app/styles/components/modals.css  | 19 --------------
 .../app/styles/layouts/preview-email.css      | 26 ++++++++++++++++++-
 .../components/modal-post-email-preview.hbs   |  4 +--
 3 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/ghost/admin/app/styles/components/modals.css b/ghost/admin/app/styles/components/modals.css
index b4a6f9e5ed..8dbfde0c7a 100644
--- a/ghost/admin/app/styles/components/modals.css
+++ b/ghost/admin/app/styles/components/modals.css
@@ -205,23 +205,4 @@
         flex: 1;
         margin-right: 10px;
     }
-}
-
-
-/* Email preview modal
-/* ---------------------------------------------------------- */
-.fullscreen-modal-email-preview {
-    margin: 30px;
-    max-width: 100%;
-}
-
-.fullscreen-modal-email-preview .modal-content {
-    padding-bottom: 0;
-    overflow: hidden;
-    height: 100%;
-}
-
-.fullscreen-modal-email-preview .modal-body {
-    height: 100%;
-    margin: 0 -32px;
 }
\ No newline at end of file
diff --git a/ghost/admin/app/styles/layouts/preview-email.css b/ghost/admin/app/styles/layouts/preview-email.css
index c55e6313b6..2172598284 100644
--- a/ghost/admin/app/styles/layouts/preview-email.css
+++ b/ghost/admin/app/styles/layouts/preview-email.css
@@ -1,3 +1,19 @@
+.fullscreen-modal-email-preview {
+    margin: 30px;
+    max-width: 100%;
+}
+
+.fullscreen-modal-email-preview .modal-content {
+    padding-bottom: 0;
+    overflow: hidden;
+    height: 100%;
+}
+
+.fullscreen-modal-email-preview .modal-body {
+    height: 100%;
+    margin: 0 -32px;
+}
+
 .modal-preview-email-content {
     height: calc(100vh - 170px);
 }
@@ -24,7 +40,7 @@
 }
 
 .gh-pe-header-border {
-    border-bottom: 1px solid var(--whitegrey-l1);
+    border-bottom: 1px solid var(--whitegrey);
 }
 
 .modal-content .gh-pe-close {
@@ -63,6 +79,10 @@
     max-height: 812px;
 }
 
+.fullscreen-modal-email-preview .gh-pe-desktop-container {
+    height: calc(100vh - 130px);
+}
+
 .gh-pe-mobile-bezel {
     width: 100%;
     max-width: 43vh;
@@ -81,6 +101,10 @@
 }
 
 .gh-pe-iframe {
+    pointer-events: none !important;
+}
+
+.gh-pe-mobile-container .gh-pe-iframe {
     height: 100%; 
     width: calc(43vh - 40px);
     overflow-x: hidden;
diff --git a/ghost/admin/app/templates/components/modal-post-email-preview.hbs b/ghost/admin/app/templates/components/modal-post-email-preview.hbs
index 535bfcddfb..fc13d85ae4 100644
--- a/ghost/admin/app/templates/components/modal-post-email-preview.hbs
+++ b/ghost/admin/app/templates/components/modal-post-email-preview.hbs
@@ -19,7 +19,7 @@
     </div>
 {{/if}}
 {{#if (eq type "desktop")}}
-    <div class="modal-body modal-preview-email-content">
-        <iframe class="bn miw-100" style="height:100%;" {{did-insert this.renderEmailPreview}}></iframe>
+    <div class="modal-body modal-preview-email-content gh-pe-desktop-container">
+        <iframe class="bn miw-100 gh-pe-iframe" style="height:100%;" {{did-insert this.renderEmailPreview}}></iframe>
     </div>
 {{/if}}
\ No newline at end of file