Skip to content

Project wizard responsive design #12

@AlexZhidkov

Description

@AlexZhidkov

"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:

  1. Sign in into the app with your Google account
  2. Navigate to "http://localhost:4200/project/self-sourced" URL
  3. Open dev tools (F12)
  4. 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions