jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

vdeep to fix scoping issue for image.

Browse source
This commit is contained in:
Bill Richardson 2023-08-16 16:18:15 -04:00
parent c96e4de7df
commit 2709cca25f
1 changed files with 22 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
src/layouts/provider-preference/provider-preference.vue
View file

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