"As a user I want project wizard to be responsive to my screen size so I get best user experience working with it"
Steps to get to the wizard:
- Sign in into the app with your Google account
- Navigate to "http://localhost:4200/project/self-sourced" URL
- Open dev tools (F12)
- Toggle device toolbar (Ctrl + Shift + M)
Wizard is always vertical - we want to make it change to horizontal on large screens.
You can see example in eoi-business.component.html
For smallScreen it uses mat-vertical-stepper
And for bigScreen it uses mat-horizontal-stepper
Implement mat-horizontal-stepper for bigScreen in ProjectWizardComponent
"As a user I want project wizard to be responsive to my screen size so I get best user experience working with it"
Steps to get to the wizard:
Wizard is always vertical - we want to make it change to horizontal on large screens.
You can see example in eoi-business.component.html
For smallScreen it uses mat-vertical-stepper
And for bigScreen it uses mat-horizontal-stepper
Implement mat-horizontal-stepper for bigScreen in ProjectWizardComponent