Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Move logo to the top bar in the welcome wizard

Browse Source 
[MAILPOET-4819]
This commit is contained in:
Rodrigo Primo
2022-12-02 13:09:22 -03:00
committed by Aschepikov
parent 146f5881f7
commit 88efb1f3d1
3 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
mailpoet/assets/css/src/components-plugin/_welcome-wizard.scss
View File

@@ -22,6 +22,12 @@
} }
} }
#mailpoet-wizard-container {
.mailpoet-top-bar {
left: 0;
}
}
.mailpoet-wizard-logo { .mailpoet-wizard-logo {
margin-bottom: 100px; margin-bottom: 100px;
text-align: center; text-align: center;

16
mailpoet/assets/js/src/wizard/layout/step_layout.jsx
View File

@@ -4,19 +4,9 @@ import { WelcomeWizardStepLayoutBody } from './step_layout_body.jsx';
function WelcomeWizardStepLayout(props) { function WelcomeWizardStepLayout(props) {
return ( return (
<> <WelcomeWizardStepLayoutBody illustrationUrl={props.illustrationUrl}>
<div className="mailpoet-wizard-logo"> {props.children}
<img </WelcomeWizardStepLayoutBody>
src={window.mailpoet_logo_url}
width="160"
height="50"
alt="MailPoet logo"
/>
</div>
<WelcomeWizardStepLayoutBody illustrationUrl={props.illustrationUrl}>
{props.children}
</WelcomeWizardStepLayoutBody>
</>
); );
} }

5
mailpoet/assets/js/src/wizard/welcome_wizard_controller.jsx
View File

@@ -17,6 +17,7 @@ import {
} from './steps_numbers.jsx'; } from './steps_numbers.jsx';
import { Steps } from '../common/steps/steps'; import { Steps } from '../common/steps/steps';
import { StepsContent } from '../common/steps/steps_content'; import { StepsContent } from '../common/steps/steps_content';
import { TopBar } from '../common/top_bar/top_bar';
function WelcomeWizardStepsController(props) { function WelcomeWizardStepsController(props) {
const stepsCount = getStepsCount(); const stepsCount = getStepsCount();
@@ -101,7 +102,9 @@ function WelcomeWizardStepsController(props) {
return ( return (
<> <>
<Steps count={stepsCount} current={step} /> <TopBar>
<Steps count={stepsCount} current={step} />
</TopBar>
<StepsContent> <StepsContent>
{stepName === 'WelcomeWizardSenderStep' ? ( {stepName === 'WelcomeWizardSenderStep' ? (
<WelcomeWizardStepLayout <WelcomeWizardStepLayout