Ghost/ghost/admin/app/components/epm-modal-container.hbs
Kevin Ansfield cb24eb3827 Fixed background flicker when opening design modal
refs https://github.com/TryGhost/Team/issues/1111

- added override of the `ember-promise-modals` container component so that it doesn't render the background element when `omitBackground` is passed as an option when opening the modal
- fixes the flicker by not having a dark background transition in whilst the white overlay modal is also transitioning in from transparent->opaque
2021-10-04 18:15:11 +01:00

14 lines
460 B
Handlebars

{{#each this.modals._stack as |modal index|}}
{{#unless modal._options.omitBackdrop}}
<div
class="epm-backdrop {{if modal.isClosing "epm-out"}}"
tabindex="-1"
role="presentation"
aria-hidden="true"
data-test-epm-backdrop="{{index}}"
/>
{{/unless}}
<div class="epm-modal-container">
<EpmModal @modal={{modal}} data-test-epm-modal="{{index}}" />
</div>
{{/each}}