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

💄 Fix broken UI in wizard (welcome screen)

Browse source
This commit is contained in:
Philipp Stracker 2025-01-23 17:51:15 +01:00
parent cbdf0c23e6
commit 60cedb3fe0
No known key found for this signature in database
3 changed files with 10 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
modules/ppcp-settings/resources/css/_variables.scss
View file

@ -16,6 +16,7 @@ $color-text-tertiary: #505050;
$color-text-text: #070707;
$color-border: #AEAEAE;
$color-divider: #F0F0F0;
$color-error-red: #cc1818;
$shadow-card: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
$shadow-selection-box: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
@ -61,6 +62,7 @@ $card-vertical-gap: 48px;
--color-text-main: #{$color-text-text};
--color-text-teriary: #{$color-text-tertiary};
--color-text-description: #{$color-gray-700};
--color-error: #{$color-error-red};
// Default settings-block theme.
--block-item-gap: 16px;

9
modules/ppcp-settings/resources/css/components/screens/onboarding/_step-welcome.scss
View file

@ -21,13 +21,18 @@
}
.client-id-error {
color: #cc1818;
margin: -16px 0 24px;
@include font(11, 16, 450);
margin: -16px 0 24px;
color: var(--color-error);
}
.onboarding-advanced-options {
margin-top: 24px;
max-width: 800px;
.ppcp--toggler .ppcp--title-wrapper {
justify-content: center;
}
}
}

2
modules/ppcp-settings/resources/js/Components/Screens/Onboarding/Steps/StepWelcome.js
View file

@ -61,7 +61,7 @@ const StepWelcome = ( { setStep, currentStep } ) => {
'woocommerce-paypal-payments'
) }
className="onboarding-advanced-options"
noCape={ true }
noCaps={ true }
id="advanced-options"
>
<AdvancedOptionsForm />