Skip to content
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.

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

feat: Web UI cleanup #975

Closed
wants to merge 8 commits into from
Closed

feat: Web UI cleanup #975

wants to merge 8 commits into from

Conversation

ivan-aksamentov
Copy link
Member

@ivan-aksamentov ivan-aksamentov commented Aug 29, 2022

Followup of #972 (and based on that branch)

Common:

  • Introduce tabs for navigation between main, results, and tree pages
  • ...

Main page:

  • Adjust grid breakpoints for target audience. Nextclade is desktop-first app, so instead of having fine-grained of breakpoints for mobile, let's instead add more breakpoints for small and large desktops, small and large laptops. This targets to improve UX of laptop users.
  • Avoid layout shifts on main page. Here I removed text from main page, made navbar and footer fixed and is focusing on the central part of the application - dataset selector and analysis run interface.
  • Add text from main page and team info as separate pages
  • Make wizard buttons sticky on laptops and mobile, to avoid vertical scrolling.
  • Make file "upload" list scrollable
  • Cleanup navigation bar and button controls
  • Hide extra buttons under burger menu on small screens.
  • ...

Results page:

  • Cleanup navigation bar and button controls. Use space more efficiently. Merge 2 rows of buttons.
  • ...

Tree page:

  • Cleanup navigation bar and button controls. Use space more efficiently. Merge 2 rows of buttons.
  • ...

Nextclade is desktop-first app, so instead of having most of breakpoints for mobile, let's make breakpoints for small and large desktops, small and large laptops. This targets to improve UX of laptop users.
Here I removed text from main page, made navbar and footer fixed and is focusing on the central part of the application - dataset selector and analysis run interface.
@vercel
Copy link

vercel bot commented Aug 29, 2022

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
nextclade ✅ Ready (Inspect) Visit Preview Aug 29, 2022 at 11:51AM (UTC)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
No open projects
Development

Successfully merging this pull request may close these issues.

None yet

1 participant