diff --git a/src/experiment-components/donation-block.vue b/src/experiment-components/donation-block.vue index ad14052a3..30fca4fd1 100644 --- a/src/experiment-components/donation-block.vue +++ b/src/experiment-components/donation-block.vue @@ -12,7 +12,8 @@

-

+ +  
-

+

diff --git a/src/fmg-components/address-questions/address-questions.vue b/src/fmg-components/address-questions/address-questions.vue index 1dd52d7ed..6256bedd1 100644 --- a/src/fmg-components/address-questions/address-questions.vue +++ b/src/fmg-components/address-questions/address-questions.vue @@ -124,10 +124,6 @@ export default { type: Boolean, default: false, }, - isAddressFieldFocused: { - type: Boolean, - default: true, - }, }, data() { return { @@ -229,9 +225,6 @@ export default { ).then(() => { // When loaded, trigger the setup this.initializeAutocomplete(); - if (this.isAddressFieldFocused) { - this.addressField1.focus(); - } }); }, initializeAutocomplete() { diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue index 6e3520704..f8cac123b 100644 --- a/src/layouts/address-lookup/address-lookup.vue +++ b/src/layouts/address-lookup/address-lookup.vue @@ -19,8 +19,7 @@ ref="customerQuestions" v-model="customerQuestions" :validationRules="EmailOrSmsValidationRules" - :isEmailOptional="IsEmailOptional" - :isAddressFieldFocused="IsAddressFieldFocused" /> + :isEmailOptional="IsEmailOptional" />
- +
+
+ + +
{ + this.scrollToSuccessMessage(); + }); + } + }, modelValue: { handler(newValue) { this.handleChange(newValue); @@ -583,10 +609,39 @@ export default { margin-bottom: -8px; .ui-checkbox { padding-left: 0px; + input { + border-radius: 4px; + box-shadow: 0px 1px 4px 0px #00000033; + } } .form-check-input { margin-left: 0px; } } + .waitlist-success { + background-color: #ecf5e9; + display: flex; + align-items: flex-start; + border: 1px solid #0c7e47; + border-radius: 5px; + font-size: $h5-font-size; + padding: 12px 16px; + margin-bottom: -8px; + height: 78px; + width: 326px; + .success-text { + margin-left: 8px; + strong { + font-weight: 600; + letter-spacing: 0%; + } + } + .success-image { + margin-top: 4.5px; + width: 16px; + height: 16px; + color: #0c7e47; + } + } }