Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
woocommerce/plugins/woocommerce-admin/client/profile-wizard/steps/business-details/style.scss

11 lines
224 B
SCSS
Raw Normal View History

Add business-details step complete track (https://github.com/woocommerce/woocommerce-admin/pull/8265) * Add business-details step complete track * Add changelog * Update tab name and treat each tab as an individual step when trickering tracks * Add comment * Fix linting * Remove unnecessary css selector * Update goToNextStep param to make it less confusing * Update jsdoc param
2022-02-08 18:29:17 +00:00
.business-details.woocommerce-profile-wizard__container {
A/B test creating a business features step for free extensions (https://github.com/woocommerce/woocommerce-admin/pull/5786) This fixes woocommerce/woocommerce-admin#5287 Major changes: 1. The `<Form>` component (which is a published component) gets a new optional prop (so its backward compatible), called `onChangeCallback`. This is called when any form value changes, allowing the controlling component to act on individual form changes. This was needed to utilise `<Form>` to revalidate and check if the user could access the next tab. This should not impact existing usages of the `<Form>`, but it could be good to test this. 2. Introduces a new flow for choosing business extensions that was specified in woocommerce/woocommerce-admin#5287 issue description. Please check the issue for reviewing the designs. The simplest way to implement this, ended up being keeping the existing flow intact and where necessary copy pasting code from those components into the new flow. This new flow is only shown if your segmentation matches the following: `Stores that selected the US as the country and Other or Food & Drinks as the industry
2021-01-06 22:08:57 +00:00
.woocommerce-admin__business-details__spinner {
display: flex;
justify-content: center;
}
.woocommerce-profile-wizard__step-header {
margin-top: 28px;
}
}