diff --git a/mailpoet/assets/css/src/components-plugin/_welcome-wizard.scss b/mailpoet/assets/css/src/components-plugin/_welcome-wizard.scss index 7bf4ab736d..25cc96ee93 100644 --- a/mailpoet/assets/css/src/components-plugin/_welcome-wizard.scss +++ b/mailpoet/assets/css/src/components-plugin/_welcome-wizard.scss @@ -22,6 +22,12 @@ } } +#mailpoet-wizard-container { + .mailpoet-top-bar { + left: 0; + } +} + .mailpoet-wizard-logo { margin-bottom: 100px; text-align: center; diff --git a/mailpoet/assets/js/src/wizard/layout/step_layout.jsx b/mailpoet/assets/js/src/wizard/layout/step_layout.jsx index 7468b9b1ed..c4658e9200 100644 --- a/mailpoet/assets/js/src/wizard/layout/step_layout.jsx +++ b/mailpoet/assets/js/src/wizard/layout/step_layout.jsx @@ -4,19 +4,9 @@ import { WelcomeWizardStepLayoutBody } from './step_layout_body.jsx'; function WelcomeWizardStepLayout(props) { return ( - <> -
- MailPoet logo -
- - {props.children} - - + + {props.children} + ); } diff --git a/mailpoet/assets/js/src/wizard/welcome_wizard_controller.jsx b/mailpoet/assets/js/src/wizard/welcome_wizard_controller.jsx index 3c1f183bc6..a81e2e0575 100644 --- a/mailpoet/assets/js/src/wizard/welcome_wizard_controller.jsx +++ b/mailpoet/assets/js/src/wizard/welcome_wizard_controller.jsx @@ -17,6 +17,7 @@ import { } from './steps_numbers.jsx'; import { Steps } from '../common/steps/steps'; import { StepsContent } from '../common/steps/steps_content'; +import { TopBar } from '../common/top_bar/top_bar'; function WelcomeWizardStepsController(props) { const stepsCount = getStepsCount(); @@ -101,7 +102,9 @@ function WelcomeWizardStepsController(props) { return ( <> - + + + {stepName === 'WelcomeWizardSenderStep' ? (