Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-17 23:44:39 -05:00
Code Issues Activity

🐛 Fixed incorrect modal and theme preview positioning

Browse source 
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
This commit is contained in:
Kevin Ansfield 2022-04-04 09:43:54 +01:00 • committed by Daniel Lockyer
parent e4364eaa91
commit 4c4591894e
1 changed files with 2 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ghost/admin/app/styles/components/modals-new.css
View file

@ -72,6 +72,7 @@
animation-duration: var(--epm-animation-modal-in-duration); animation-duration: var(--epm-animation-modal-in-duration);
-webkit-overflow-scrolling: touch; /* momentum-based scrolling for Safari on iOS */ -webkit-overflow-scrolling: touch; /* momentum-based scrolling for Safari on iOS */
pointer-events: none; pointer-events: none;
transform: none;
} }
.epm-modal * { .epm-modal * {
@ -99,6 +100,7 @@
animation-delay: var(--epm-animation-modal-out-delay); animation-delay: var(--epm-animation-modal-out-delay);
animation-duration: var(--epm-animation-modal-out-duration); animation-duration: var(--epm-animation-modal-out-duration);
pointer-events: none; pointer-events: none;
transform: none;
} }
@keyframes epm-backdrop-in { @keyframes epm-backdrop-in {