From 2709cca25f672c33d1381e4606b45bd0e64aa6ef Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Wed, 16 Aug 2023 16:18:15 -0400
Subject: [PATCH] vdeep to fix scoping issue for image.

---
 .../provider-preference.vue                   | 47 +++++++++----------
 1 file changed, 22 insertions(+), 25 deletions(-)

diff --git a/src/layouts/provider-preference/provider-preference.vue b/src/layouts/provider-preference/provider-preference.vue
index 081d4b84..0c42782b 100644
--- a/src/layouts/provider-preference/provider-preference.vue
+++ b/src/layouts/provider-preference/provider-preference.vue
@@ -32,8 +32,8 @@
             </div>
         </div>
         <recalModal
-        ref="recalModal"
-        cmsWidgetName="RecalModal" />
+            ref="recalModal"
+            cmsWidgetName="RecalModal" />
         <steeringModal
             ref="StateSteeringModal"
             cmsWidgetName="StateSteeringModal" />
@@ -138,8 +138,7 @@ export default {
                 buttonLabel: this.getHeaderTextFromCms(answer.cmsWidgetName),
                 buttonLabelSubCopy: this.getSubheaderTextFromCms(answer.cmsWidgetName),
                 buttonBodyCopy: this.getBodyTextFromCms(answer.cmsWidgetName)
-            }
-            ));
+            }));
             return modifiedAnswers;
         },
         ackError() {
@@ -158,7 +157,7 @@ export default {
             return headerText?.replace('{custom:SafeliteLogo}', "<span class='safeliteLogo'></span>");
         },
         getSubheaderTextFromCms(cmsWidgetName) {
-            return this.    getCmsContent(cmsWidgetName, 'SubheaderText');
+            return this.getCmsContent(cmsWidgetName, 'SubheaderText');
         },
         getBodyTextFromCms(cmsWidgetName) {
             return this.getCmsContent(cmsWidgetName, 'BodyText');
@@ -183,22 +182,22 @@ export default {
             if (this.selectedProvider) {
                 let scenario = null;
                 switch (this.selectedProvider) {
-                case options.SAFELITE:
-                    scenario = this.navigationScenarios.CLICKED_FORWARD_WITH_SAFELITE;
-                    break;
-                case options.TPA:
-                    if (this.mainStore.issConfig.enableTPAFlow) {
-                        if (this.mainStore.hasRecalibrationPart) {
-                            this.$refs.TPARecalModal.openModal();
-                            this.$refs.siteFooter.removeLoader();
-                            return;
+                    case options.SAFELITE:
+                        scenario = this.navigationScenarios.CLICKED_FORWARD_WITH_SAFELITE;
+                        break;
+                    case options.TPA:
+                        if (this.mainStore.issConfig.enableTPAFlow) {
+                            if (this.mainStore.hasRecalibrationPart) {
+                                this.$refs.TPARecalModal.openModal();
+                                this.$refs.siteFooter.removeLoader();
+                                return;
+                            }
+                            scenario = this.navigationScenarios.CLICKED_FORWARD_WITH_TPA_ENABLED;
+                        } else {
+                            scenario = this.navigationScenarios.CLICKED_FORWARD_WITH_TPA_DISABLED;
                         }
-                        scenario = this.navigationScenarios.CLICKED_FORWARD_WITH_TPA_ENABLED;
-                    } else {
-                        scenario = this.navigationScenarios.CLICKED_FORWARD_WITH_TPA_DISABLED;
-                    }
-                    break;
-                default:
+                        break;
+                    default:
                 }
                 this.navigateForward(scenario);
                 this.mainStore.saveProviderPreferenceData({
@@ -214,25 +213,23 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-#sub-header span{
+#sub-header span {
     color: $black;
 }
 
 .question-text {
     margin-top: 0;
-    margin-bottom: .5rem;
+    margin-bottom: 0.5rem;
     & > span {
         text-align: left;
     }
 }
 
-.safeliteLogo {
+::v-deep .safeliteLogo {
     background-image: url(~@/assets/img/icons/safelite-logo.svg);
     background-repeat: no-repeat;
     background-size: 4.5rem;
     margin: 0 0.25rem 0 0.25rem;
     padding: 0 2.5rem 0 2.5rem;
-
 }
-
 </style>