From 9fb14aab7dc3bbc7c6e5e1a9a8a9194bd9df2dc0 Mon Sep 17 00:00:00 2001
From: Kevin Ansfield <kevin@ghost.org>
Date: Wed, 3 Apr 2024 09:39:28 +0100
Subject: [PATCH] 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
---
 ghost/admin/app/components/dashboard/onboarding-checklist.js  | 2 +-
 .../admin/app/components/dashboard/onboarding/share-modal.js  | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/ghost/admin/app/components/dashboard/onboarding-checklist.js b/ghost/admin/app/components/dashboard/onboarding-checklist.js
index b779e0d41d..4c5335319e 100644
--- a/ghost/admin/app/components/dashboard/onboarding-checklist.js
+++ b/ghost/admin/app/components/dashboard/onboarding-checklist.js
@@ -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;
 
diff --git a/ghost/admin/app/components/dashboard/onboarding/share-modal.js b/ghost/admin/app/components/dashboard/onboarding/share-modal.js
index 80066f1b99..ce8b73ab5f 100644
--- a/ghost/admin/app/components/dashboard/onboarding/share-modal.js
+++ b/ghost/admin/app/components/dashboard/onboarding/share-modal.js
@@ -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);
     }