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

Move the watermark to the right side

Browse source
This commit is contained in:
Daniel Dudzic 2024-09-30 17:26:23 +02:00
parent 2d425cc943
commit 653deeec7f
No known key found for this signature in database
GPG key ID: 31B40D33E3465483
2 changed files with 86 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

51
modules/ppcp-axo/resources/js/AxoManager.js
View file

@ -689,28 +689,37 @@ class AxoManager {
this.el.billingEmailSubmitButtonSpinner;
if ( ! document.querySelector( billingEmailSubmitButton.selector ) ) {
document
.querySelector( this.el.billingEmailFieldWrapper.selector )
.insertAdjacentHTML(
'beforeend',
`
<button type="button" id="${ billingEmailSubmitButton.id }" class="${ billingEmailSubmitButton.className }">
${ this.axoConfig.billing_email_button_text }
<span id="${ billingEmailSubmitButtonSpinner.id }"></span>
</button>
`
);
const wrapper = document.querySelector(
'#billing_email_field .woocommerce-input-wrapper'
);
const watermarkContainer = document.querySelector(
'#ppcp-axo-watermark-container'
);
document.querySelector( this.el.billingEmailSubmitButton.selector )
.offsetHeight;
document
.querySelector( this.el.billingEmailSubmitButton.selector )
.classList.remove(
'ppcp-axo-billing-email-submit-button-hidden'
);
document
.querySelector( this.el.billingEmailSubmitButton.selector )
.classList.add( 'ppcp-axo-billing-email-submit-button-loaded' );
wrapper.insertAdjacentHTML(
'beforeend',
`
<button type="button" id="${ billingEmailSubmitButton.id }" class="${ billingEmailSubmitButton.className }">
${ this.axoConfig.billing_email_button_text }
<span id="${ billingEmailSubmitButtonSpinner.id }"></span>
</button>
`
);
const buttonElement = document.querySelector(
billingEmailSubmitButton.selector
);
// Reorder button to ensure it's before the watermark container
wrapper.insertBefore( buttonElement, watermarkContainer );
buttonElement.offsetHeight;
buttonElement.classList.remove(
'ppcp-axo-billing-email-submit-button-hidden'
);
buttonElement.classList.add(
'ppcp-axo-billing-email-submit-button-loaded'
);
}
}