New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Project wizard responsive design #12

Open

AlexZhidkov opened this issue Jun 12, 2019 · 0 comments

Owner

AlexZhidkov commented Jun 12, 2019

"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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment