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

🩹 Adjust the height of the Dummy preview-button

Browse source 
Dummy button now better aligns with the button settings
This commit is contained in:
Philipp Stracker 2024-07-15 13:19:37 +02:00
parent 4cde024320
commit 6081b9ddf9
No known key found for this signature in database
1 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
modules/ppcp-button/resources/js/modules/Preview/DummyPreviewButton.js
View file

@ -26,7 +26,7 @@ export default class DummyPreviewButton extends PreviewButton {
this.#innerEl = document.createElement( 'div' );
this.#innerEl.innerHTML = `<div class="reason">${ this.label }</div>`;
this._applyShape( this.ppcpConfig?.button?.style?.shape );
this._applyStyles( this.ppcpConfig?.button?.style );
this.domWrapper.appendChild( this.#innerEl );
}
@ -34,15 +34,19 @@ export default class DummyPreviewButton extends PreviewButton {
/**
* Applies the button shape (rect/pill) to the dummy button
*
* @param {string|null} shape
* @param {{shape: string, height: number|null}} style
* @private
*/
_applyShape( shape = 'rect' ) {
_applyStyles( style ) {
this.domWrapper.classList.remove(
'ppcp-button-pill',
'ppcp-button-rect'
);
this.domWrapper.classList.add( `ppcp-button-${ shape }` );
this.domWrapper.classList.add( `ppcp-button-${ style.shape }` );
if ( style.height ) {
this.domWrapper.style.height = `${ style.height }px`;
}
}
}