diff --git a/assets/css/wc-setup.scss b/assets/css/wc-setup.scss index 7252b8f82bf..bffdc285f41 100644 --- a/assets/css/wc-setup.scss +++ b/assets/css/wc-setup.scss @@ -1060,6 +1060,10 @@ h3.jetpack-reasons { color: #444; background-color: #fff; display: inline-block; + + &[disabled] { + color: #aaa; + } } } diff --git a/assets/js/admin/wc-setup.js b/assets/js/admin/wc-setup.js index 3b1fffd9962..5815f5df1df 100644 --- a/assets/js/admin/wc-setup.js +++ b/assets/js/admin/wc-setup.js @@ -163,18 +163,14 @@ jQuery( function( $ ) { $( this ).closest( '.wc-wizard-service-settings' ) .find( 'input.payment-email-input' ) .attr( 'type', 'email' ) + .prop( 'disabled', false ) .prop( 'required', true ); - $( this ).closest( '.wc-wizard-service-settings' ) - .find( '.wc-wizard-service-setting-stripe_email, .wc-wizard-service-setting-ppec_paypal_email' ) - .show(); } else { $( this ).closest( '.wc-wizard-service-settings' ) .find( 'input.payment-email-input' ) .attr( 'type', null ) + .prop( 'disabled', true ) .prop( 'required', false ); - $( this ).closest( '.wc-wizard-service-settings' ) - .find( '.wc-wizard-service-setting-stripe_email, .wc-wizard-service-setting-ppec_paypal_email' ) - .hide(); } } ).find( 'input#stripe_create_account, input#ppec_paypal_reroute_requests' ).change();