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 the Apple Pay button layout

Browse source 
“White with outline” correctly displays the outline
This commit is contained in:
Philipp Stracker 2024-06-25 13:09:36 +02:00
parent 0e6e079e40
commit 9bdd9b5c16
No known key found for this signature in database
1 changed files with 4 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -4,23 +4,22 @@
--apple-pay-button-min-height: 35px;
--apple-pay-button-width: 100%;
--apple-pay-button-max-width: 750px;
--apple-pay-button-border-radius: 4px;
--apple-pay-button-border-radius: var(--apm-button-border-radius);
--apple-pay-button-overflow: hidden;
--apple-pay-button-box-sizing: border-box;
.ppcp-width-min & {
--apple-pay-button-height: 35px;
}
.ppcp-width-300 & {
--apple-pay-button-height: 45px;
}
.ppcp-width-500 & {
--apple-pay-button-height: 55px;
}
&.ppcp-button-pill {
--apple-pay-button-border-radius: 50px;
}
&.ppcp-button-minicart {
--apple-pay-button-display: block;
}