woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-06 13:44:42 +08:00
Code Issues Projects Packages Wiki Activity Actions

💄 Fix Google Pay button style

Browse source 
Make the outline of the payment button visible
This commit is contained in:
Philipp Stracker 2024-06-25 12:52:33 +02:00
parent b40b1d2056
commit 0e6e079e40
No known key found for this signature in database
2 changed files with 10 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
modules/ppcp-button/resources/css/mixins/apm-button.scss
View file

@ -1,17 +1,19 @@
@mixin button { @mixin button {
--apm-button-border-radius: 4px;
overflow: hidden; overflow: hidden;
min-width: 0; min-width: 0;
max-width: 750px; max-width: 750px;
line-height: 0; line-height: 0;
border-radius: 4px; border-radius: var(--apm-button-border-radius);
// Defaults // Defaults
height: 45px; height: 45px;
margin-top: 14px; margin-top: 14px;
&.ppcp-button-pill { &.ppcp-button-pill {
border-radius: 50px; --apm-button-border-radius: 50px;
} }
&.ppcp-button-minicart { &.ppcp-button-minicart {

6
modules/ppcp-googlepay/resources/css/styles.scss
View file

@ -1,5 +1,11 @@
.ppcp-button-googlepay { .ppcp-button-googlepay {
min-height: 40px; min-height: 40px;
.gpay-card-info-container,
.gpay-button {
outline-offset: -1px;
border-radius: var(--apm-button-border-radius);
}
} }
.wp-block-woocommerce-checkout, .wp-block-woocommerce-cart { .wp-block-woocommerce-checkout, .wp-block-woocommerce-cart {