diff --git a/modules/ppcp-button/resources/css/gateway.scss b/modules/ppcp-button/resources/css/gateway.scss index 0a97127ab..b563fcab9 100644 --- a/modules/ppcp-button/resources/css/gateway.scss +++ b/modules/ppcp-button/resources/css/gateway.scss @@ -1,3 +1,9 @@ #place_order.ppcp-hidden { display: none !important; } + +.ppcp-disabled { + cursor: not-allowed; + -webkit-filter: grayscale(100%); + filter: grayscale(100%); +} diff --git a/modules/ppcp-button/resources/js/modules/Helper/ButtonDisabler.js b/modules/ppcp-button/resources/js/modules/Helper/ButtonDisabler.js index aae9f5e59..eeb7ac646 100644 --- a/modules/ppcp-button/resources/js/modules/Helper/ButtonDisabler.js +++ b/modules/ppcp-button/resources/js/modules/Helper/ButtonDisabler.js @@ -17,20 +17,14 @@ export const setEnabled = (selectorOrElement, enable, form = null) => { } if (enable) { - jQuery(element).css({ - 'cursor': '', - '-webkit-filter': '', - 'filter': '', - } ) + jQuery(element) + .removeClass('ppcp-disabled') .off('mouseup') .find('> *') .css('pointer-events', ''); } else { - jQuery(element).css({ - 'cursor': 'not-allowed', - '-webkit-filter': 'grayscale(100%)', - 'filter': 'grayscale(100%)', - }) + jQuery(element) + .addClass('ppcp-disabled') .on('mouseup', function(event) { event.stopImmediatePropagation(); diff --git a/modules/ppcp-button/src/Assets/SmartButton.php b/modules/ppcp-button/src/Assets/SmartButton.php index 7b42b837f..20f81a5dc 100644 --- a/modules/ppcp-button/src/Assets/SmartButton.php +++ b/modules/ppcp-button/src/Assets/SmartButton.php @@ -591,14 +591,12 @@ class SmartButton implements SmartButtonInterface { ); } - if ( in_array( $this->context(), array( 'pay-now', 'checkout' ), true ) ) { - wp_enqueue_style( - 'gateway', - untrailingslashit( $this->module_url ) . '/assets/css/gateway.css', - array(), - $this->version - ); - } + wp_enqueue_style( + 'gateway', + untrailingslashit( $this->module_url ) . '/assets/css/gateway.css', + array(), + $this->version + ); wp_enqueue_script( 'ppcp-smart-button',