Merge pull request #2863 from Safelite/feature/bugfix/CASH-1502

Feature/bugfix/cash-1502

src/layouts/estimate/estimate.vue

@@ -275,6 +275,7 @@ export default {
     }
     .sub-text strong {
         text-transform: uppercase;
+        font-weight: 400;
     }
 }
 

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 ? 'initial-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,10 @@ export default {
 
 <style lang="scss" scoped>
 // Unique to quote page for 2.0/Heritage parity
+// prettier-ignore
+.prevent-modal-scroll.modal-open .container.quote.initial-popup-open .row:not(.save-progress-popup) {
+    display: none;
+}
 .quote {
     padding-bottom: 2rem;
 

src/ux-components/text-link/text-link.vue

@@ -1,26 +1,21 @@
 <template>
     <loadingModal v-if="useLoadingModal" notFullScreen ref="loadingModal" />
-    <a v-if="linkType === 'navigation'" @click="handleClick" class="navigation-link" :href="href">
-        {{ text }}
-        <slot name="after-text"></slot>
-    </a>
+    <!--    NOTE: each prettier-ignore is needed below... 
+            each anchor that follows needs to be one single line in markup or adds unwanted spaces within link (fixes CASH-1502) -->
+
+    <!-- prettier-ignore -->
+    <a v-if="linkType === 'navigation'" @click="handleClick" class="navigation-link" :href="href">{{ text }}<slot name="after-text"></slot></a>
+    <!-- prettier-ignore -->
     <a
         v-else-if="linkType === 'newWindowLink'"
         @click="handleClick"
         class="new-window-link"
         :href="href"
-        target="_blank">
-        {{ text }}
-        <slot name="after-text"></slot>
-    </a>
-    <a v-else-if="linkType === 'textSmall'" @click="handleClick" class="small" :href="href">
-        {{ text }}
-        <slot name="after-text"></slot>
-    </a>
-    <a v-else-if="linkType === 'text'" @click="handleClick" :href="href">
-        {{ text }}
-        <slot name="after-text"></slot>
-    </a>
+        target="_blank">{{ text }}<slot name="after-text"></slot></a>
+    <!-- prettier-ignore -->
+    <a v-else-if="linkType === 'textSmall'" @click="handleClick" class="small" :href="href">{{ text }}<slot name="after-text"></slot></a>
+    <!-- prettier-ignore -->
+    <a v-else-if="linkType === 'text'" @click="handleClick" :href="href">{{ text }}<slot name="after-text"></slot></a>
 </template>
 
 <script>