vdeep to fix scoping issue for image.

This commit is contained in:
Bill Richardson 2023-08-16 16:18:15 -04:00
parent c96e4de7df
commit 2709cca25f

View file

@ -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>