From cfdfb6d2105fae5c99309d9843fb9409adac40d3 Mon Sep 17 00:00:00 2001 From: Alex Humphries Date: Fri, 23 Jan 2026 16:57:55 -0500 Subject: [PATCH 1/3] INSR-8091: Fix some spacing issues on policy holder details (email and routing were already addressed) --- .../dropdown-question/dropdown-question.vue | 2 +- .../address-questions/address-questions.vue | 28 +++++++----- .../policy-holder-details.vue | 17 ++++--- src/styles/common-styles.scss | 44 +++---------------- src/styles/ux-variables.scss | 2 + 5 files changed, 35 insertions(+), 58 deletions(-) diff --git a/src/digital-components/dropdown-question/dropdown-question.vue b/src/digital-components/dropdown-question/dropdown-question.vue index 55636eef..0a25d34b 100644 --- a/src/digital-components/dropdown-question/dropdown-question.vue +++ b/src/digital-components/dropdown-question/dropdown-question.vue @@ -146,7 +146,7 @@ export default { background-size: 0.625rem 1rem; color: $gray-600; border-radius: $border-radius; - min-height: 3rem; + min-height: 2.8125rem; letter-spacing: inherit; box-shadow: $box-shadow-input; &:focus, diff --git a/src/iss-components/address-questions/address-questions.vue b/src/iss-components/address-questions/address-questions.vue index fd18db94..a5ffd559 100644 --- a/src/iss-components/address-questions/address-questions.vue +++ b/src/iss-components/address-questions/address-questions.vue @@ -12,8 +12,7 @@ hasIcon disableAutoFill validationRules="street-address-required" - @keydown.enter.prevent - class="mb-4" /> + @keydown.enter.prevent /> + inputId="streetAddress2Field" />
-
+
+ validationRules="city-required" />
-
+
+ validationRules="state-required" />
+ validationRules="zip-code-required|zip-code-format" />
@@ -362,3 +357,12 @@ export default { } }; + + diff --git a/src/layouts/policy-holder-details/policy-holder-details.vue b/src/layouts/policy-holder-details/policy-holder-details.vue index 08ef0dc7..95b8be47 100644 --- a/src/layouts/policy-holder-details/policy-holder-details.vue +++ b/src/layouts/policy-holder-details/policy-holder-details.vue @@ -14,7 +14,7 @@ id="sub-header" cmsWidgetName="SiteSubHeaderWidget" class="mt-4" /> -
+
-
-
+
+
-
+
+ disableAutoFill /> diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss index 4f01dc5a..c5861ac9 100644 --- a/src/styles/common-styles.scss +++ b/src/styles/common-styles.scss @@ -22,44 +22,6 @@ body { flex-direction: column; padding: 0 1.5rem; } - - // Set max-width on columns to prevent overly-wide - // components on extra wide screens. - .col-md-6 { - max-width: 472px; - - @include media-breakpoint-up(xl) { - max-width: 708px; - } - - .col { - max-width: 236px; - - &.one-list-card-width { - max-width: 472px; - - @include media-breakpoint-up(xl) { - max-width: 66.6666666%; - } - } - } - - .shop-question { - .col { - max-width: 472px; - } - } - } - - .col-xl-4 { - max-width: 472px; - - .col { - max-width: 100%; - } - } - - //END set max-width on columns } .pointer { @@ -156,6 +118,10 @@ body { width: 46.25rem; // 740px } + @include media-breakpoint-up(lg) { + width: 60rem; // 960px + } + @include media-breakpoint-up(xl) { width: 63.75rem; // 1020px } @@ -166,7 +132,7 @@ body { width: 100%; } - @include media-breakpoint-up(md) { + @include media-breakpoint-up(lg) { width: 58.33333333%; } } diff --git a/src/styles/ux-variables.scss b/src/styles/ux-variables.scss index fdec0bf1..31c55c03 100644 --- a/src/styles/ux-variables.scss +++ b/src/styles/ux-variables.scss @@ -194,7 +194,9 @@ $spacers: ( //Bootstrap Grid Breakpoints - Use these breakpoints only $grid-breakpoints: ( xs: 0, + sm: 576px, md: 768px, + lg: 992px, xl: 1200px, xxl: 1440px, ); From e773cfdc2951a1f16d15becb859117a1ece57ff4 Mon Sep 17 00:00:00 2001 From: Alex Humphries Date: Fri, 23 Jan 2026 17:16:48 -0500 Subject: [PATCH 2/3] INSR-8061: Fix saving of extension, fix other issues with extension --- src/helpers/global-rule-definer.js | 2 +- .../policy-holder-details/policy-holder-details.vue | 1 + .../contact-details-drawer/contact-details-drawer.vue | 1 + src/layouts/welcome-page/welcome-page.vue | 1 + src/store/index.js | 8 +++++++- 5 files changed, 11 insertions(+), 2 deletions(-) diff --git a/src/helpers/global-rule-definer.js b/src/helpers/global-rule-definer.js index f5a2335b..5aca4f66 100644 --- a/src/helpers/global-rule-definer.js +++ b/src/helpers/global-rule-definer.js @@ -86,7 +86,7 @@ function defineGlobalPhoneNumberRules() { function defineGlobalExtensionRules() { defineRule( globalRules.EXTENSION_FORMAT, - regex(/^[0-9]{5}$/, errorMessages.EXTENSION_FORMAT) + regex(/^[0-9]{1,5}$/, errorMessages.EXTENSION_FORMAT) ); } diff --git a/src/layouts/policy-holder-details/policy-holder-details.vue b/src/layouts/policy-holder-details/policy-holder-details.vue index 95b8be47..23f938eb 100644 --- a/src/layouts/policy-holder-details/policy-holder-details.vue +++ b/src/layouts/policy-holder-details/policy-holder-details.vue @@ -55,6 +55,7 @@ inputId="extensionField" cmsWidgetName="ExtensionQuestion" :validationRules="rules.extension" + maxLength="5" disableAutoFill />
diff --git a/src/layouts/tpa-submit/contact-details-drawer/contact-details-drawer.vue b/src/layouts/tpa-submit/contact-details-drawer/contact-details-drawer.vue index 9c94782a..7d5b0572 100644 --- a/src/layouts/tpa-submit/contact-details-drawer/contact-details-drawer.vue +++ b/src/layouts/tpa-submit/contact-details-drawer/contact-details-drawer.vue @@ -49,6 +49,7 @@ inputId="extension" :cmsWidgetName="widget.extensionQuestion" disableAutoFill + maxLength="5" :validationRules="rules.extension" /> diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue index 2a9293c1..4f0a38ee 100644 --- a/src/layouts/welcome-page/welcome-page.vue +++ b/src/layouts/welcome-page/welcome-page.vue @@ -39,6 +39,7 @@ inputId="extensionField" cmsWidgetName="ExtensionQuestion" :validationRules="rules.extension" + maxLength="5" disableAutoFill class="form-group" /> Date: Mon, 26 Jan 2026 09:40:48 -0500 Subject: [PATCH 3/3] update error message --- src/constants/error-messages.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/constants/error-messages.js b/src/constants/error-messages.js index d712e973..81f0fad0 100644 --- a/src/constants/error-messages.js +++ b/src/constants/error-messages.js @@ -34,7 +34,7 @@ const errorMessages = Object.freeze({ VIN_FORMAT: // eslint-disable-next-line max-len '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 choose an option', + OPTION_REQUIRED: 'Please select an option', VEHICLE_REQUIRED: 'Please select a vehicle', POLICY_NUMBER_REQUIRED: 'Policy number is required.', POLICY_NUMBER_FORMAT: 'Please enter an alpha-numeric string',