From 4c4591894e33b9fb896c74c44947fea72748c66c Mon Sep 17 00:00:00 2001 From: Kevin Ansfield Date: Mon, 4 Apr 2022 09:43:54 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fixed=20incorrect=20modal=20and?= =?UTF-8?q?=20theme=20preview=20positioning?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit closes https://github.com/TryGhost/Ghost/issues/14415 - after switching to a proper package version of our `ember-promise-modals` fork the addon's CSS was injected into the vendor file causing conflicts with our own modal styling - added `transform: none` style override on `.epm-modal` so we're not fighting the addon's default `translate(0, -30vh) scale(1.1);` transform --- ghost/admin/app/styles/components/modals-new.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/ghost/admin/app/styles/components/modals-new.css b/ghost/admin/app/styles/components/modals-new.css index fbd810f3a3..e18b112219 100644 --- a/ghost/admin/app/styles/components/modals-new.css +++ b/ghost/admin/app/styles/components/modals-new.css @@ -72,6 +72,7 @@ animation-duration: var(--epm-animation-modal-in-duration); -webkit-overflow-scrolling: touch; /* momentum-based scrolling for Safari on iOS */ pointer-events: none; + transform: none; } .epm-modal * { @@ -99,6 +100,7 @@ animation-delay: var(--epm-animation-modal-out-delay); animation-duration: var(--epm-animation-modal-out-duration); pointer-events: none; + transform: none; } @keyframes epm-backdrop-in {