diff --git a/src/common-components/funnel-header/funnel-header.vue b/src/common-components/funnel-header/funnel-header.vue
index 382640219..3266b88a9 100644
--- a/src/common-components/funnel-header/funnel-header.vue
+++ b/src/common-components/funnel-header/funnel-header.vue
@@ -66,4 +66,7 @@ export default {
.logo-image {
max-width: 78px;
}
+.alert {
+ left: 0;
+}
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index 93a3c9680..fd3f55a74 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -5,7 +5,7 @@
ref="theForm"
v-slot="{ meta }"
>
-
+
@@ -285,7 +285,7 @@ export default {
},
navigateForward(partsData){
- // CSR-98 TEMP
+ // CSR-98 TEMP
if (store.getters.vehicle.year == 2010) {
navigateToHeritageFunnel();
return;
@@ -393,15 +393,15 @@ export default {
hasSplitSingleConflict() {
if (!this.selectedWindshieldOptions.selectedWindshieldReplaceOptions) return false;
- return this.selectedWindshieldOptions.selectedWindshieldReplaceOptions.some(selectedSingleWindshield =>
+ return this.selectedWindshieldOptions.selectedWindshieldReplaceOptions.some(selectedSingleWindshield =>
{
return selectedSingleWindshield.toUpperCase() === damageLocationsSelected.SINGLE.toUpperCase();
- }) &&
- (this.selectedWindshieldOptions.selectedWindshieldReplaceOptions.some(selectedDriverWindshield =>
+ }) &&
+ (this.selectedWindshieldOptions.selectedWindshieldReplaceOptions.some(selectedDriverWindshield =>
{
return selectedDriverWindshield.toUpperCase() === damageLocationsSelected.DRIVER.toUpperCase();
}) ||
- this.selectedWindshieldOptions.selectedWindshieldReplaceOptions.some(selectedPassengerWindshield =>
+ this.selectedWindshieldOptions.selectedWindshieldReplaceOptions.some(selectedPassengerWindshield =>
{
return selectedPassengerWindshield.toUpperCase() === damageLocationsSelected.PASSENGER.toUpperCase();
})
diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss
index 323430dfe..9fdd0ef44 100644
--- a/src/styles/common-error-styles.scss
+++ b/src/styles/common-error-styles.scss
@@ -11,6 +11,11 @@
input[type=radio]:focus + label {
box-shadow: 0 0 0 2.5px $red;
}
+
+ &:hover {
+ box-shadow: 0px 0px 0px 4px $red-200;
+ border-radius: 10px !important;
+ }
}
input[type=checkbox]:checked + label,
@@ -21,6 +26,9 @@
color: $red;
label {
border: 1px solid $red;
+ &:hover {
+ box-shadow: 0px 0px 0px 4px $red-200;
+ }
}
input[type=checkbox]:focus + label,
input[type=radio]:focus + label {