From 805873d64ea7c88c0572d4e07403064d648dfc2b Mon Sep 17 00:00:00 2001
From: Peter Zimon <zimo@ghost.org>
Date: Wed, 1 Sep 2021 17:58:35 +0200
Subject: [PATCH] Made Portal preview scrollable

- Updated Portal preview in Membership settings and Portal settings so that the preview is scrollable in all browsers.

Note: Only when Tiers is turned on.
---
 ghost/admin/app/components/modal-portal-settings.hbs | 2 +-
 ghost/admin/app/styles/layouts/portal-settings.css   | 4 ++++
 ghost/admin/app/styles/layouts/settings.css          | 4 ++++
 ghost/admin/app/templates/settings/membership.hbs    | 2 +-
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/ghost/admin/app/components/modal-portal-settings.hbs b/ghost/admin/app/components/modal-portal-settings.hbs
index e1e138d433..67ef856767 100644
--- a/ghost/admin/app/components/modal-portal-settings.hbs
+++ b/ghost/admin/app/components/modal-portal-settings.hbs
@@ -317,7 +317,7 @@
             <div class="gh-portal-preview-container {{if this.showLinksPage "hide"}}">
                 <div class="gh-portal-site-frame-cover"> </div>
                 <GhSiteIframe
-                    class="gh-portal-siteiframe"
+                    class="gh-portal-siteiframe {{if (feature "multipleProducts") "gh-portal-siteiframe-enabled"}}"
                     @src={{this.portalPreviewUrl}}
                     @guid={{this.portalPreviewGuid}}
                     @invisibleUntilLoaded="portal-ready" />
diff --git a/ghost/admin/app/styles/layouts/portal-settings.css b/ghost/admin/app/styles/layouts/portal-settings.css
index 9600b9c4c5..88a237635b 100644
--- a/ghost/admin/app/styles/layouts/portal-settings.css
+++ b/ghost/admin/app/styles/layouts/portal-settings.css
@@ -356,6 +356,10 @@
     height: calc((1 / 0.95) * 100%) !important;
 }
 
+.gh-portal-siteiframe-enabled {
+    pointer-events: unset;
+}
+
 .gh-portal-site-frame-cover {
     position: absolute;
     top: 0;
diff --git a/ghost/admin/app/styles/layouts/settings.css b/ghost/admin/app/styles/layouts/settings.css
index 5269465ced..90c5bf133c 100644
--- a/ghost/admin/app/styles/layouts/settings.css
+++ b/ghost/admin/app/styles/layouts/settings.css
@@ -1596,6 +1596,10 @@ p.theme-validation-details {
     transition: height 0.17s ease-out;
 }
 
+.gh-setting-members-portal-mock.mock-enabled {
+    pointer-events: unset;
+}
+
 .gh-setting-members-portal-disabled {
     display: flex;
     flex-direction: column;
diff --git a/ghost/admin/app/templates/settings/membership.hbs b/ghost/admin/app/templates/settings/membership.hbs
index 9938d9bd3d..4309cb8202 100644
--- a/ghost/admin/app/templates/settings/membership.hbs
+++ b/ghost/admin/app/templates/settings/membership.hbs
@@ -47,7 +47,7 @@
                 </div>
             </div>
             <div class="gh-setting-members-portalpreview">
-                <div class="gh-setting-members-portal-mock">
+                <div class="gh-setting-members-portal-mock {{if (feature "multipleProducts") "mock-enabled"}}">
                     {{#if (or (eq this.settings.membersSignupAccess 'none') this.switchFromNoneTask.isRunning)}}
                         <div class="gh-setting-members-portal-disabled">
                             <span class="lightgrey">{{svg-jar "portal-logo-stroke"}}</span>