From b3680eb85b4ec69cff03835aeadbe05f775dc0ce Mon Sep 17 00:00:00 2001 From: Alex P Date: Tue, 28 Nov 2023 10:17:27 +0200 Subject: [PATCH 1/2] Update apple pay css (similar to google) --- modules/ppcp-applepay/resources/css/styles.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/modules/ppcp-applepay/resources/css/styles.scss b/modules/ppcp-applepay/resources/css/styles.scss index a543ee71b..325a75d00 100644 --- a/modules/ppcp-applepay/resources/css/styles.scss +++ b/modules/ppcp-applepay/resources/css/styles.scss @@ -18,7 +18,7 @@ .woocommerce-checkout { #applepay-container, .ppcp-button-applepay { - margin-top: 0.5em; + margin-top: 0; --apple-pay-button-border-radius: 4px; --apple-pay-button-height: 45px; &.ppcp-button-pill { @@ -31,6 +31,7 @@ .wp-block-woocommerce-checkout { #applepay-container, .ppcp-button-applepay { + margin: 0; --apple-pay-button-margin: 0; --apple-pay-button-height: 48px; &.ppcp-button-pill { @@ -41,6 +42,7 @@ .wp-block-woocommerce-cart { #applepay-container, .ppcp-button-applepay { + margin: 0; --apple-pay-button-margin: 0; --apple-pay-button-height: 48px; } From ea3dca0a26ff89aba4876cb711fa4cc394f8369d Mon Sep 17 00:00:00 2001 From: Alex P Date: Tue, 28 Nov 2023 10:25:45 +0200 Subject: [PATCH 2/2] Remove block spacing workaround --- modules/ppcp-applepay/resources/css/styles.scss | 7 ------- modules/ppcp-googlepay/resources/css/styles.scss | 7 ------- 2 files changed, 14 deletions(-) diff --git a/modules/ppcp-applepay/resources/css/styles.scss b/modules/ppcp-applepay/resources/css/styles.scss index 325a75d00..215a7888e 100644 --- a/modules/ppcp-applepay/resources/css/styles.scss +++ b/modules/ppcp-applepay/resources/css/styles.scss @@ -46,13 +46,6 @@ --apple-pay-button-margin: 0; --apple-pay-button-height: 48px; } - /* Workaround for blocks grid */ - .wc-block-components-express-payment__event-buttons { - --apple-pay-button-display: block; - li[id*="express-payment-method-ppcp-"] { - --apple-pay-button-padding-bottom: 0; - } - } } } diff --git a/modules/ppcp-googlepay/resources/css/styles.scss b/modules/ppcp-googlepay/resources/css/styles.scss index 360404811..82755efd8 100644 --- a/modules/ppcp-googlepay/resources/css/styles.scss +++ b/modules/ppcp-googlepay/resources/css/styles.scss @@ -34,13 +34,6 @@ margin: 0; height: 48px; } - /* Workaround for blocks grid */ - .wc-block-components-express-payment__event-buttons { - display: block; - li[id*="express-payment-method-ppcp-"] { - padding-bottom: 0; - } - } } }