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

🩹 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 = document.createElement( 'div' );
this.#innerEl.innerHTML = `<div class="reason">${ this.label }</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 ); 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 * Applies the button shape (rect/pill) to the dummy button
* *
* @param {string|null} shape * @param {{shape: string, height: number|null}} style
* @private * @private
*/ */
_applyShape( shape = 'rect' ) { _applyStyles( style ) {
this.domWrapper.classList.remove( this.domWrapper.classList.remove(
'ppcp-button-pill', 'ppcp-button-pill',
'ppcp-button-rect' '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`;
}
} }
} }