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

Mobile Homepage #451

Open

atc3 opened this issue Nov 19, 2021 · 1 comment

Assignees

Labels

UI viz

Member

atc3 commented Nov 19, 2021 •

edited

Loading

MOBILE REDESIGN

Scope of this project: Redesign the home page for phones

We won't use media queries, responsive CSS, etc. Make a totally
separate mobile site (can still share components with desktop site)
Only port over 1) Surveillance plots 2) Global Sequencing Effort plots

Design mobile page and plots

Current plots are mouse-centric. Need to adapt them for touch
i.e., Hovering over variants in the home page surveillance won't be
possible on a phone
Rearrange plot objects to fit on a screen, only scroll vertically
Rethink how to interact with plots only through touch
Wireframe in Balsamiq, plot mockups might require more powerful tools

Implementation - separate Vega Specs and React Components

Mobile detection code/components are currently in src/components/Pages/HomePage

The text was updated successfully, but these errors were encountered:

atc3 added UI viz labels

atc3 assigned atc3 and a13xk13m

Member Author

atc3 commented Nov 19, 2021

Maybe see if LiteMol would work well on a phone?

atc3 mentioned this issue

Mobile Compatibility #401

Closed

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