CASH-1502: hide background behind quote popup only

src/layouts/quote/quote.vue

@@ -2,7 +2,9 @@
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
         <loadingModal ref="loadingModal" />
         <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
-        <div class="container quote position-relative">
+        <div
+            class="container quote position-relative"
+            :class="[showSaveProgressPopup ? 'popup-open' : '']">
             <div class="row justify-content-center">
                 <div class="col-12">
                     <funnelSubHeader class="mb-5" cmsWidgetName="FunnelSubHeaderWidget" />
@@ -286,6 +288,7 @@ export default {
         const isEmailInStoreOnPageLoad = emailFromStore?.length > 0;
         const isPopupSkipped =
             store.getters.pageData(routeData.QUOTE.name)?.saveProgressPopupSkipped === true;
+        // POPUP is the automatic opening centered popup on load
         const showSaveProgressPopup = !(isEmailInStoreOnPageLoad || isPopupSkipped);
         const showSaveProgressModal = isEmailInStoreOnPageLoad ? false : true;
         const shouldSkipToInsurance =
@@ -555,8 +558,8 @@ export default {
             servicePackage: null,
             holdParentAccountNumber: null,
             holdBillToAccountNumber: null,
-            showSaveProgressPopup: null,
-            showSaveProgressModal: null,
+            showSaveProgressPopup: null, // POPUP is the automatic opening centered popup on load
+            showSaveProgressModal: null, // MODAL is the user-triggered slide in drawer
             isSaveProgressComplete: null,
             packageNumber: null,
             skipToInsurance: null,
@@ -899,6 +902,9 @@ export default {
 
 <style lang="scss" scoped>
 // Unique to quote page for 2.0/Heritage parity
+.prevent-modal-scroll.modal-open .container.quote.popup-open .row:not(.save-progress-popup) {
+    display: none;
+}
 .quote {
     padding-bottom: 2rem;