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

Mobile UI tweaks #93

Open
6 of 7 tasks
kaushik12 opened this issue Oct 21, 2020 · 2 comments
Open
6 of 7 tasks

Mobile UI tweaks #93

kaushik12 opened this issue Oct 21, 2020 · 2 comments
Assignees
Milestone

Comments

@kaushik12
Copy link
Contributor

kaushik12 commented Oct 21, 2020

Final check of mobile UI after below changes affected it

  • Header seems too big
  • Starting station select text box overlaps with first station in the dropdown making it hard to select
  • date-range text in the footer too big and overflows
  • additional padding needed between slider and by stops chart
  • If possible About and Feedback modal made 100% width only on mobile
  • Data Clinic and Contribute sections look bad on small screens
  • Methodology png seems to shrink a lot on smaller screens
@kaushik12 kaushik12 added this to the Launch milestone Oct 21, 2020
@kaushik12 kaushik12 assigned kaushik12 and stuartlynn and unassigned kaushik12 Oct 23, 2020
@kaushik12
Copy link
Contributor Author

@stuartlynn Added some of the issues I noticed when playing around on my phone.

@stuartlynn
Copy link
Contributor

Have tweaked everything apart from the methodology png. It should be 100% width on mobile but I think there is a limited width in general on mobile screens.

If you have another png that would be more suitable for mobile screens we can have one that displays on mobile and one that displays on desktop.

With the new 100% width modals on mobile, this might not be quite as big an issue.

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

No branches or pull requests

2 participants