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

💄 Display the APM logo in dummy preview-buttons

Browse source
This commit is contained in:
Philipp Stracker 2024-07-15 13:43:09 +02:00
parent 6081b9ddf9
commit 07ec924c77
No known key found for this signature in database
3 changed files with 26 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -23,6 +23,11 @@
&.ppcp-button-minicart { &.ppcp-button-minicart {
--apple-pay-button-display: block; --apple-pay-button-display: block;
} }
&.ppcp-preview-button.ppcp-button-dummy {
/* URL must specify the correct module-folder! */
--apm-button-dummy-background: url(../../../ppcp-applepay/assets/images/applepay.png);
}
} }
.wp-block-woocommerce-checkout, .wp-block-woocommerce-cart { .wp-block-woocommerce-checkout, .wp-block-woocommerce-cart {

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

@ -6,6 +6,11 @@
outline-offset: -1px; outline-offset: -1px;
border-radius: var(--apm-button-border-radius); border-radius: var(--apm-button-border-radius);
} }
&.ppcp-preview-button.ppcp-button-dummy {
/* URL must specify the correct module-folder! */
--apm-button-dummy-background: url(../../../ppcp-googlepay/assets/images/googlepay.png);
}
} }
.wp-block-woocommerce-checkout, .wp-block-woocommerce-cart { .wp-block-woocommerce-checkout, .wp-block-woocommerce-cart {

16
modules/ppcp-wc-gateway/resources/css/common.scss
View file

@ -31,9 +31,25 @@ $background-ident-color: #fbfbfb;
&.ppcp-button-dummy { &.ppcp-button-dummy {
display: flex; display: flex;
min-height: 25px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: #0001; background: #0001;
position: relative;
&:before {
content: '';
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 42px;
height: 24px;
background-image: var(--apm-button-dummy-background, none);
background-repeat: no-repeat;
background-size: contain;
background-position: center left;
}
} }
} }