woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-01 07:02:48 +08:00
Code Issues Projects Packages Wiki Activity Actions

Handle block google/apple buttons height

Browse source
This commit is contained in:
Alex P 2023-11-22 17:27:21 +02:00
parent 2492957dba
commit 018ba0de3e
No known key found for this signature in database
GPG key ID: 54487A734A204D71
4 changed files with 17 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -25,14 +25,14 @@
.wp-block-woocommerce-checkout {
.ppcp-button-googlepay {
margin: 0;
height: 40px;
height: 48px;
}
}
.wp-block-woocommerce-cart {
.ppcp-button-googlepay {
margin: 0;
height: 40px;
height: 48px;
}
/* Workaround for blocks grid */
.wc-block-components-express-payment__event-buttons {

4
modules/ppcp-googlepay/resources/js/GooglepayButton.js
View file

@ -168,6 +168,10 @@ class GooglepayButton {
this.waitForWrapper(wrapper, () => {
jQuery(wrapper).addClass('ppcp-button-' + ppcpStyle.shape);
if (ppcpStyle.height) {
jQuery(wrapper).css('height', `${ppcpStyle.height}px`)
}
const button =
this.paymentsClient.createButton({
onClick: this.onButtonClick.bind(this),