From 5550cc0881715dbb9f995640cf0f21133173d30e Mon Sep 17 00:00:00 2001 From: bc-nick Date: Wed, 16 Oct 2024 14:39:53 +0200 Subject: [PATCH] feat(payment): PAYPAL-4737 removed unnecessary styles --- CHANGELOG.md | 1 + assets/scss/components/_components.scss | 3 -- .../stencil/applePay/_applePay.scss | 39 ------------------- .../stencil/applePay/_component.scss | 5 --- 4 files changed, 1 insertion(+), 47 deletions(-) delete mode 100644 assets/scss/components/stencil/applePay/_applePay.scss delete mode 100644 assets/scss/components/stencil/applePay/_component.scss diff --git a/CHANGELOG.md b/CHANGELOG.md index c1334b8cec..b80ad3941e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -16,6 +16,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Address deprecated jQuery methods [#2466](https://github.com/bigcommerce/cornerstone/pull/2466) - Load other font weights and styles for the body-font [#2396](https://github.com/bigcommerce/cornerstone/pull/2396) - Stored XSS within company address field [#2485](https://github.com/bigcommerce/cornerstone/pull/2485) +- Removed supporting Apple Pay button stylization [#2491](https://github.com/bigcommerce/cornerstone/pull/2491) ## 6.14.0 (05-15-2024) - Account.php is inside of a list item [#2457](https://github.com/bigcommerce/cornerstone/pull/2457) diff --git a/assets/scss/components/_components.scss b/assets/scss/components/_components.scss index e804273840..82482864d3 100644 --- a/assets/scss/components/_components.scss +++ b/assets/scss/components/_components.scss @@ -171,9 +171,6 @@ // Rating @import "stencil/rating/component"; -// Apple Pay -@import "stencil/applePay/component"; - // Payment Methods @import "stencil/paymentMethods/component"; diff --git a/assets/scss/components/stencil/applePay/_applePay.scss b/assets/scss/components/stencil/applePay/_applePay.scss deleted file mode 100644 index f2834256ff..0000000000 --- a/assets/scss/components/stencil/applePay/_applePay.scss +++ /dev/null @@ -1,39 +0,0 @@ -.apple-pay-checkout-button { - background-color: $applePay-black; - background-image: -webkit-named-image(apple-pay-logo-white); - background-position: 50% 50%; - background-repeat: no-repeat; - background-size: 100% 60%; - border-radius: $applePay-borderRadius; - cursor: pointer; - display: none; - max-height: remCalc(64px); - min-height: remCalc(32px); - min-width: 90px; - padding: spacing("single"); - width: 160px; -} - -.apple-pay-checkout-button--white { - background-color: $applePay-white; - background-image: -webkit-named-image(apple-pay-logo-black); -} - -.apple-pay-checkout-button--white-border { - background-color: $applePay-white; - background-image: -webkit-named-image(apple-pay-logo-black); - border: 0.5px solid $applePay-black; -} - -.apple-pay-supported { - .apple-pay-checkout-button { - display: block; - float: right; - } - - .previewCartCheckout .apple-pay-checkout-button, - .productView-options .apple-pay-checkout-button { - display: inline-block; - float: none; - } -} diff --git a/assets/scss/components/stencil/applePay/_component.scss b/assets/scss/components/stencil/applePay/_component.scss deleted file mode 100644 index 0b50633bec..0000000000 --- a/assets/scss/components/stencil/applePay/_component.scss +++ /dev/null @@ -1,5 +0,0 @@ -// ============================================================================= -// Apple Pay Component -// ============================================================================= - -@import "applePay";