💄 Fix Google Pay button style

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

View file

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

View file

@ -1,5 +1,11 @@
.ppcp-button-googlepay {
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 {