CASH-1502: hide background behind quote popup only
This commit is contained in:
parent
b0df894a00
commit
60962fb440
1 changed files with 9 additions and 3 deletions
|
|
@ -2,7 +2,9 @@
|
||||||
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
|
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
|
||||||
<loadingModal ref="loadingModal" />
|
<loadingModal ref="loadingModal" />
|
||||||
<funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
|
<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="row justify-content-center">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<funnelSubHeader class="mb-5" cmsWidgetName="FunnelSubHeaderWidget" />
|
<funnelSubHeader class="mb-5" cmsWidgetName="FunnelSubHeaderWidget" />
|
||||||
|
|
@ -286,6 +288,7 @@ export default {
|
||||||
const isEmailInStoreOnPageLoad = emailFromStore?.length > 0;
|
const isEmailInStoreOnPageLoad = emailFromStore?.length > 0;
|
||||||
const isPopupSkipped =
|
const isPopupSkipped =
|
||||||
store.getters.pageData(routeData.QUOTE.name)?.saveProgressPopupSkipped === true;
|
store.getters.pageData(routeData.QUOTE.name)?.saveProgressPopupSkipped === true;
|
||||||
|
// POPUP is the automatic opening centered popup on load
|
||||||
const showSaveProgressPopup = !(isEmailInStoreOnPageLoad || isPopupSkipped);
|
const showSaveProgressPopup = !(isEmailInStoreOnPageLoad || isPopupSkipped);
|
||||||
const showSaveProgressModal = isEmailInStoreOnPageLoad ? false : true;
|
const showSaveProgressModal = isEmailInStoreOnPageLoad ? false : true;
|
||||||
const shouldSkipToInsurance =
|
const shouldSkipToInsurance =
|
||||||
|
|
@ -555,8 +558,8 @@ export default {
|
||||||
servicePackage: null,
|
servicePackage: null,
|
||||||
holdParentAccountNumber: null,
|
holdParentAccountNumber: null,
|
||||||
holdBillToAccountNumber: null,
|
holdBillToAccountNumber: null,
|
||||||
showSaveProgressPopup: null,
|
showSaveProgressPopup: null, // POPUP is the automatic opening centered popup on load
|
||||||
showSaveProgressModal: null,
|
showSaveProgressModal: null, // MODAL is the user-triggered slide in drawer
|
||||||
isSaveProgressComplete: null,
|
isSaveProgressComplete: null,
|
||||||
packageNumber: null,
|
packageNumber: null,
|
||||||
skipToInsurance: null,
|
skipToInsurance: null,
|
||||||
|
|
@ -899,6 +902,9 @@ export default {
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
// Unique to quote page for 2.0/Heritage parity
|
// 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 {
|
.quote {
|
||||||
padding-bottom: 2rem;
|
padding-bottom: 2rem;
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue