diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue index 03253171..63dde223 100644 --- a/src/digital-components/button-question/button-question.vue +++ b/src/digital-components/button-question/button-question.vue @@ -4,14 +4,14 @@ :class=" isOverflowScrollable ? 'button-question button-question-overflow' : 'button-question' "> -
{{ questionText }}
diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue index a9664223..bc790f71 100644 --- a/src/layouts/address-lookup/address-lookup.vue +++ b/src/layouts/address-lookup/address-lookup.vue @@ -17,14 +17,14 @@ diff --git a/src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue b/src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue index 42d13c2d..3e9a3ecb 100644 --- a/src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue +++ b/src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue @@ -1,5 +1,5 @@ @@ -303,9 +290,9 @@ export default { #multiple-vehicles-alert p { margin-bottom: 0 !important; // Overrides extra margin-bottom on alert body text } + .overflow-scroll { - height: calc(100% - 432px); + height: calc(100% - 180px); overflow-X: hidden !important; - } diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue index 8d525fa7..41160435 100644 --- a/src/layouts/vehicle-damage/vehicle-damage.vue +++ b/src/layouts/vehicle-damage/vehicle-damage.vue @@ -2,7 +2,7 @@
-
+
-
+
-
+
+ :validationRules="partValidationRules" + />
@@ -180,25 +182,25 @@ export default { return tintSourceObject.src; }, + // Check if only a single part is present for the tint and set the v-model if it is. AutoSelect() { - if(this.partsForSelectedTint?.length > 0) + if (this.partsForSelectedTint?.length > 0) { - // Check if only a single part is present for the tint and set the v-model if it is. if (this.partsForSelectedTint?.length == 1) { this.selectedPartNumber = { value: this.partsForSelectedTint[0].partNumber }; + + //select element with matching partNumber + this.$nextTick(() => { + document.querySelector('input[value=' + this.selectedPartNumber + ']').checked = true; + }); } - else{ + else { // If selected part isn't in the current list or it's null, select the first part if(!this.selectedPartNumber || this.partsForSelectedTint.filter(x => x.partNumber == this.selectedPartNumber).length === 0) { this.selectedPartNumber = { value: this.partsForSelectedTint[0].partNumber }; } } - - //select element with matching partNumber - this.$nextTick(() => { - document.querySelector('input[value=' + this.selectedPartNumber + ']').checked = true; - }); } }, @@ -206,16 +208,10 @@ export default { LoadPreselectedValues() { this.$nextTick(() => { // Populate button-question model-value if parts data already exists in store - if(this.modelValue) + if(this.modelValue !== undefined) { this.selectedTint = this.modelValue.color; } - else{ - // If one item in list, select it - if (this.tintSelectionOptions?.length == 1) { - this.selectedTint = this.tintSelectionOptions[0].value; - } - } }); }, }, @@ -243,4 +239,14 @@ export default { color: $black; font-weight: $font-weight-bold; } + +#glass-part-question { + span.fw-bold.w-100 { + margin-top: 0.5rem; + margin-bottom: 0; + } + div.col.radio-button-container { + padding-bottom: 0; + } +} diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue index d65a8cfd..584887ad 100644 --- a/src/layouts/vehicle-parts/vehicle-parts.vue +++ b/src/layouts/vehicle-parts/vehicle-parts.vue @@ -1,13 +1,13 @@