From 607f4021485ab51a598833743f66e3b4a63a26f2 Mon Sep 17 00:00:00 2001 From: Bryan Mauger Date: Mon, 11 Aug 2025 09:09:05 -0400 Subject: [PATCH] CASH-1356 update box shadow site-wide. --- .../dropdown-question/dropdown-question.vue | 2 +- src/digital-components/textbox-question/textbox-question.vue | 2 +- src/fmg-components/funnel-header/menu-modal/menu-modal.vue | 2 +- .../save-progress-modal-question.vue | 2 +- .../payment-method-list-button/payment-method-list-button.vue | 2 +- .../time-slot-modal-list-button.vue | 2 +- .../time-slot-modal-question/time-slot-modal-question.vue | 4 ++-- .../schedule/time-slot-question/time-slot-question.vue | 4 ++-- .../shop-question/shop-list-button/shop-list-button.vue | 2 +- .../list-button-horizontal/list-button-horizontal.vue | 2 +- src/ux-components/list-button/list-button.vue | 2 +- src/ux-components/list-card/list-card.vue | 2 +- 12 files changed, 14 insertions(+), 14 deletions(-) diff --git a/src/digital-components/dropdown-question/dropdown-question.vue b/src/digital-components/dropdown-question/dropdown-question.vue index 7effe3766..49f6cdfce 100644 --- a/src/digital-components/dropdown-question/dropdown-question.vue +++ b/src/digital-components/dropdown-question/dropdown-question.vue @@ -154,7 +154,7 @@ export default { border: 1px solid $gray-500; border-radius: 0.5rem; min-height: 3rem; - box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); @include media-breakpoint-up(md) { min-height: 3.5rem; } diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue index 7fc43baf1..71f025d6f 100644 --- a/src/digital-components/textbox-question/textbox-question.vue +++ b/src/digital-components/textbox-question/textbox-question.vue @@ -337,7 +337,7 @@ export default { border-radius: 0.5rem; min-height: 3rem; padding: 0.75rem 1rem; - box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); @include media-breakpoint-up(md) { padding: 1rem; min-height: 3.5rem; diff --git a/src/fmg-components/funnel-header/menu-modal/menu-modal.vue b/src/fmg-components/funnel-header/menu-modal/menu-modal.vue index c00df3ead..e4b0d5d96 100644 --- a/src/fmg-components/funnel-header/menu-modal/menu-modal.vue +++ b/src/fmg-components/funnel-header/menu-modal/menu-modal.vue @@ -123,7 +123,7 @@ export default { width: auto; height: auto; border-radius: 1.5rem; - box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); background-color: $white; position: relative; display: flex; diff --git a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue index 4858157f6..21bcbdc40 100644 --- a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue +++ b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue @@ -125,7 +125,7 @@ export default { align-items: center; height: 3rem; border-radius: 0.5rem; - box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); &.progress-saved { background: none; diff --git a/src/layouts/payment-method/payment-method-question/payment-method-list-button/payment-method-list-button.vue b/src/layouts/payment-method/payment-method-question/payment-method-list-button/payment-method-list-button.vue index 46978ce9d..3650f4986 100644 --- a/src/layouts/payment-method/payment-method-question/payment-method-list-button/payment-method-list-button.vue +++ b/src/layouts/payment-method/payment-method-question/payment-method-list-button/payment-method-list-button.vue @@ -112,7 +112,7 @@ export default { border: 1px solid $gray-500; width: 100%; outline: none; - box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); span { &.small { diff --git a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-list-button/time-slot-modal-list-button.vue b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-list-button/time-slot-modal-list-button.vue index 5ee4768f8..f02673f57 100644 --- a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-list-button/time-slot-modal-list-button.vue +++ b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-list-button/time-slot-modal-list-button.vue @@ -94,7 +94,7 @@ export default { border: 1px solid $gray-500; width: 100%; outline: none; - box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); span.premium-appointment-price { position: absolute; diff --git a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue index b684f308c..e36ccc946 100644 --- a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue +++ b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue @@ -601,7 +601,7 @@ export default { } } .waitlist { - box-shadow: 0px 1px 4px 0px #00000033; + box-shadow: 0 1px 5px 0 #00000033; border-radius: 8px; font-size: $h6-font-size; padding: 16px; @@ -611,7 +611,7 @@ export default { padding-left: 0px; input { border-radius: 4px; - box-shadow: 0px 1px 4px 0px #00000033; + box-shadow: 0 1px 5px 0 #00000033; } } .form-check-input { 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 773e5df19..418f7e77b 100644 --- a/src/layouts/schedule/time-slot-question/time-slot-question.vue +++ b/src/layouts/schedule/time-slot-question/time-slot-question.vue @@ -663,7 +663,7 @@ export default { font-size: 50%; } .waitlist { - box-shadow: 0px 1px 4px 0px #00000033; + box-shadow: 0 1px 5px 0 #00000033; border-radius: 8px; font-size: 1rem; padding: 16px; @@ -677,7 +677,7 @@ export default { padding-left: 0px; input { border-radius: 4px; - box-shadow: 0px 1px 4px 0px #00000033; + box-shadow: 0 1px 5px 0 #00000033; } } .form-check-input { diff --git a/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue b/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue index 837cb17de..dda3f9281 100644 --- a/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue +++ b/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue @@ -177,7 +177,7 @@ export default { border: 1px solid $gray-500; width: 100%; outline: none; - box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); span { &.small { diff --git a/src/ux-components/list-button-horizontal/list-button-horizontal.vue b/src/ux-components/list-button-horizontal/list-button-horizontal.vue index c00f1fce2..d1a5e348b 100644 --- a/src/ux-components/list-button-horizontal/list-button-horizontal.vue +++ b/src/ux-components/list-button-horizontal/list-button-horizontal.vue @@ -43,7 +43,7 @@ export default {