diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css index da2f3ef22..d46039051 100644 --- a/public/css/hop-styling.css +++ b/public/css/hop-styling.css @@ -53,6 +53,7 @@ body select { background-color: #fff; font-family: Urbanist, Arial, Helvetica, sans-serif; font-weight: 400; + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); } body input:focus, body input:focus-visible, body select:focus, diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss index d3afaf985..9f6711f1c 100644 --- a/public/scss/hop-styling.scss +++ b/public/scss/hop-styling.scss @@ -63,6 +63,7 @@ body { background-color: #fff; font-family: Urbanist, Arial, Helvetica, sans-serif; font-weight: 400; + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); &:focus, &:focus-visible { box-shadow: 0 0 0 2.5px #1574a1; diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue index 75ca29ddf..68dbe3426 100644 --- a/src/layouts/estimate/estimate.vue +++ b/src/layouts/estimate/estimate.vue @@ -286,5 +286,6 @@ export default { .select-option { font-family: UrbanistSemibold, Arial, Helvetica, sans-serif; font-weight: 600; + color: $black; } diff --git a/src/layouts/mobile-details/mobile-details.vue b/src/layouts/mobile-details/mobile-details.vue index bd41dd86c..1c1a48249 100644 --- a/src/layouts/mobile-details/mobile-details.vue +++ b/src/layouts/mobile-details/mobile-details.vue @@ -240,4 +240,7 @@ export default { color: $gray-600; font-family: UrbanistRegular; } +:deep(.caption) { + font-size: 0.875rem; +} diff --git a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue index 812dc1130..3b0e0042a 100644 --- a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue +++ b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue @@ -20,8 +20,8 @@ {{ getInlineAltText(token) }} +   -   diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue index d453964c4..92ac798eb 100644 --- a/src/layouts/quote/quote.vue +++ b/src/layouts/quote/quote.vue @@ -57,7 +57,7 @@ alertClass="alert-info" /> // Unique to quote page for 2.0/Heritage parity +.prevent-modal-scroll.modal-open .container.quote .row:not(.save-progress-popup) { + opacity: 0; +} .quote { padding-bottom: 2rem; diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue index 192273f49..6f1cf5e8b 100644 --- a/src/layouts/schedule/schedule.vue +++ b/src/layouts/schedule/schedule.vue @@ -1794,7 +1794,7 @@ export default { text-underline-offset: 4px; } -.text-block.duration-text-block b { +:deep(.text-block.duration-text-block b) { font-family: UrbanistSemibold; } :deep(.alert-warning.widget-name-AlertRecalNoMobileWidget .alert-heading), diff --git a/src/layouts/schedule/time-slot-question/time-slot-question.vue b/src/layouts/schedule/time-slot-question/time-slot-question.vue index 418f7e77b..900db972d 100644 --- a/src/layouts/schedule/time-slot-question/time-slot-question.vue +++ b/src/layouts/schedule/time-slot-question/time-slot-question.vue @@ -15,7 +15,7 @@ diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue index ebc137866..293f29d73 100644 --- a/src/ux-components/list-button/list-button.vue +++ b/src/ux-components/list-button/list-button.vue @@ -79,7 +79,7 @@ export default { color: $black; font-weight: 500; background: $blue-100; - box-shadow: 0 0 0 1px $blue; + border: 1px solid $blue; } &:checked:focus + .list-button-content { box-shadow: 0 0 0 2.5px $blue;