diff --git a/src/common-components/button-question/button-question.vue b/src/common-components/button-question/button-question.vue index 369bf1c06..a2e3f9625 100644 --- a/src/common-components/button-question/button-question.vue +++ b/src/common-components/button-question/button-question.vue @@ -5,8 +5,8 @@ {{ questionText }}
-
- +
+ {{(isMultiSelect && answers && answers.length > 1) ? 'Select one or more options below.' : 'Select an option below.' }}
diff --git a/src/constants/error-messages.js b/src/constants/error-messages.js index a064cfecb..b4d073496 100644 --- a/src/constants/error-messages.js +++ b/src/constants/error-messages.js @@ -18,8 +18,8 @@ const errorMessages = { LAST_NAME_REQUIRED: "Please enter your last name", EMAIL_ADDRESS_REQUIRED: "Please enter your email address", EMAIL_ADDRESS_FORMAT: "Please enter a valid email address", - SERVICE_ZIP_REQUIRED: "Please enter your Service ZIP", - SERVICE_ZIP_FORMAT: "Please enter a valid Service ZIP", + SERVICE_ZIP_REQUIRED: "Please enter your service ZIP", + SERVICE_ZIP_FORMAT: "Please enter a valid service ZIP", VIN_REQUIRED: "Please enter your VIN", VIN_FORMAT: "Invalid VIN. Please make sure that you entered the correct 17-digit, alpha-numeric number. VINs do not contain the letters I, O, or Q", OPTION_REQUIRED: "Please select an option", diff --git a/src/layouts/vin-lookup/vin-information/vin-information.vue b/src/layouts/vin-lookup/vin-information/vin-information.vue index 3e5b67a91..91cee616f 100644 --- a/src/layouts/vin-lookup/vin-information/vin-information.vue +++ b/src/layouts/vin-lookup/vin-information/vin-information.vue @@ -41,6 +41,9 @@ export default { font-size: .875rem; color: $gray-600; } + li { + line-height: 26px; + } a { font-size: .875rem; } @@ -70,6 +73,7 @@ export default { overflow: hidden; opacity: 0; img { + max-width: 420px; width: 117%; height: auto; } diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue index f6c3b5ecb..6e3a83653 100644 --- a/src/layouts/vin-lookup/vin-lookup.vue +++ b/src/layouts/vin-lookup/vin-lookup.vue @@ -27,7 +27,7 @@ />
-
+
@@ -92,7 +92,7 @@ class="my-3" v-model="customAlertData" v-if="vinNotFound" - alertClass="alert-warning" + alertClass="alert-danger" cmsWidgetName="VinNotFound" /> 0, }; }, + watch: { + vin() { + this.$refs.funnelFooter.updateButtonText( + this.getCmsContent("FunnelFooterWidget", "ForwardButtonText") + ); + } + }, computed: { perfectMatchNewVinAlert() { const isVinPerfectMatch = this.vinPopulatedOnPageLoad && this.vin === this.getVinFromStore(); - if (isVinPerfectMatch) { - this.isCarIdDifferent = false; - } + this.updateIsCarIdDifferent(isVinPerfectMatch); return isVinPerfectMatch; }, MatchedDifferentVehicleAlertHeader(){ @@ -269,6 +274,11 @@ export default { ); }); }, + updateIsCarIdDifferent(isVinPerfectMatch){ + if (isVinPerfectMatch) { + this.isCarIdDifferent = false; + } + }, backButtonAction() { if (store.getters.vehicle.vin) { this.$router.navigate(this.navigationScenarios.CLICKED_BACK_WITH_VIN, this.$route); diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue index 8170a69a6..faff0861c 100644 --- a/src/ux-components/alert/alert.vue +++ b/src/ux-components/alert/alert.vue @@ -5,15 +5,17 @@ :class="[isDismissible ? 'alert-dismissible' : '', this.alertClass]" >

{{ alertHeadline }}

-

- -

-

+