Added background blur to onboarding modals (#19969)

ref https://linear.app/tryghost/issue/IPC-125/modal-and-checklist-misaligned

- added background blur to the share and dismiss modals so the misalignment with non-full-width content is less obvious
This commit is contained in:
Kevin Ansfield 2024-04-03 09:39:28 +01:00 committed by GitHub
parent 9dcee418a4
commit 9fb14aab7d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 1 deletions

View File

@ -32,7 +32,7 @@ export default class OnboardingChecklist extends Component {
@action
async confirmDismiss() {
this.dismissModal = this.modals.open(DismissModal);
this.dismissModal = this.modals.open(DismissModal, {}, {backgroundBlur: true});
const reallyDismiss = await this.dismissModal;

View File

@ -6,6 +6,10 @@ import {task} from 'ember-concurrency';
export default class OnboardingShareModal extends Component {
@inject config;
static modalOptions = {
backgroundBlur: true
};
get encodedUrl() {
return encodeURIComponent(this.config.blogUrl);
}