diff --git a/modules/ppcp-onboarding/assets/css/onboarding.css b/modules/ppcp-onboarding/assets/css/onboarding.css index eafbe718a..9441ac5fa 100644 --- a/modules/ppcp-onboarding/assets/css/onboarding.css +++ b/modules/ppcp-onboarding/assets/css/onboarding.css @@ -55,6 +55,7 @@ ul.ppcp-onboarding-options, ul.ppcp-onboarding-options-sublist { ul.ppcp-onboarding-options-sublist { margin-left: 15px; + margin-top: 15px; } .ppcp-muted-text { diff --git a/modules/ppcp-onboarding/assets/js/onboarding.js b/modules/ppcp-onboarding/assets/js/onboarding.js index 5671938e4..64eb9375e 100644 --- a/modules/ppcp-onboarding/assets/js/onboarding.js +++ b/modules/ppcp-onboarding/assets/js/onboarding.js @@ -158,6 +158,8 @@ function ppcp_onboarding_productionCallback(...args) { input.disabled = !cardsChk.checked; }); + document.querySelector('.ppcp-onboarding-cards-options').style.display = !cardsChk.checked ? 'none' : ''; + const basicRb = document.querySelector('#ppcp-onboarding-dcc-basic'); const isExpress = !cardsChk.checked || basicRb.checked; diff --git a/modules/ppcp-onboarding/src/Render/OnboardingOptionsRenderer.php b/modules/ppcp-onboarding/src/Render/OnboardingOptionsRenderer.php index ba302c86f..322933f8d 100644 --- a/modules/ppcp-onboarding/src/Render/OnboardingOptionsRenderer.php +++ b/modules/ppcp-onboarding/src/Render/OnboardingOptionsRenderer.php @@ -127,9 +127,9 @@ class OnboardingOptionsRenderer { ), ); $items[] = ' -