mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-09-01 07:02:48 +08:00
💄 Fix Google Pay button style
Make the outline of the payment button visible
This commit is contained in:
parent
b40b1d2056
commit
0e6e079e40
2 changed files with 10 additions and 2 deletions
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue