woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-05 08:59:14 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

Fix style in checkout and cs

Browse source
This commit is contained in:
carmenmaymo 2023-09-12 14:07:09 +02:00
parent da0dcdef89
commit cbdff1588b
No known key found for this signature in database
GPG key ID: 6023F686B0F3102E
4 changed files with 46 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

34
modules/ppcp-applepay/resources/css/styles.scss
View file

@ -1,4 +1,4 @@
#apple-applepay-container {
#applepay-container {
--apple-pay-button-height: 45px;
--apple-pay-button-min-height: 40px;
--apple-pay-button-width: 100%;
@ -6,7 +6,7 @@
--apple-pay-button-overflow: hidden;
--apple-pay-button-margin:7px 0;
&.ppcp-button-pill {
border-radius: 50px;
--apple-pay-button-border-radius: 50px;
}
&.ppcp-button-minicart {
@ -18,15 +18,35 @@
.woocommerce-checkout {
#applepay-container {
margin-top: 0.5em;
}
#apple-applepay-container {
--apple-pay-button-border-radius: 4px;
--apple-pay-button-height: 45px;
&.ppcp-button-pill {
--apple-pay-button-border-radius: 50px;
}
}
}
.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout {
#apple-applepay-container {
--apple-pay-button-margin-top: 0;
.ppcp-has-googlepay-block {
.wp-block-woocommerce-checkout {
#applepay-container {
margin: 0;
height: 40px;
}
}
.wp-block-woocommerce-cart {
#applepay-container {
margin: 0;
height: 40px;
}
/* Workaround for blocks grid */
.wc-block-components-express-payment__event-buttons {
display: block;
li[id*="express-payment-method-ppcp-"] {
padding-bottom: 0;
}
}
}
}