woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-05 08:59:14 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

New Settings UI: Add optional payment methods step

Browse source
This commit is contained in:
Himad M 2024-11-25 20:47:13 -04:00
parent 7d0504e181
commit 4d729cd5dc
No known key found for this signature in database
GPG key ID: 5FC769E9888A7B98
19 changed files with 987 additions and 490 deletions
Download patch file Download diff file Expand all files Collapse all files

1
modules/ppcp-settings/resources/css/components/screens/_onboarding.scss
View file

@ -1,6 +1,7 @@
@import './onboarding/step-welcome';
@import './onboarding/step-business';
@import './onboarding/step-products';
@import './onboarding/step-payment-methods';
.ppcp-r-tabs.onboarding,
.ppcp-r-container--onboarding {

38
modules/ppcp-settings/resources/css/components/screens/onboarding/_step-payment-methods.scss Normal file
View file

@ -0,0 +1,38 @@
.ppcp-r-page-optional-payment-methods {
.ppcp-r-select-box:first-child {
.ppcp-r-select-box__title {
margin-bottom: 20px;
}
}
}
.ppcp-r-optional-payment-methods {
&__wrapper {
.ppcp-r-badge-box {
margin: 0 0 24px 0;
&:last-child {
margin: 0;
}
}
.ppcp-r-badge-box__description {
margin: 12px 0 0 0;
@include font(14, 20, 400);
}
}
&__description {
margin: 32px 0 0 0;
text-align: center;
@include font(14, 22, 400);
font-style: italic;
a {
color: $color-gray-700;
}
}
&__separator {
margin: 0 0 24px 0;
}
}

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

@ -16,13 +16,10 @@
text-align: center;
}
.ppcp-r-page-welcome-or-separator {
margin: 0 0 16px 0;
}
.components-base-control__field {
margin: 0 0 24px 0;
}
.ppcp-r-toggle-block__toggled-content > button{
@include small-button;
color: $color-white;