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

Handle filter collapsing in small screen (has design) #99

Open
mc-funk opened this issue Jun 5, 2020 · 3 comments · May be fixed by #242
Open

Handle filter collapsing in small screen (has design) #99

mc-funk opened this issue Jun 5, 2020 · 3 comments · May be fixed by #242
Assignees
Labels

Comments

@mc-funk
Copy link
Contributor

mc-funk commented Jun 5, 2020

As many have noted, the filter box takes up a lot of screen real estate on mobile. Would be great to have a design suggestion for how to keep filters usable on small screens, but handle collapsing so they can get out of the way, without losing the color legend that makes the map readable.

@amaxama
Copy link
Contributor

amaxama commented Jun 9, 2020

@mc-funk @drewsteff I put together a couple possibilities for this. One preserves the legend by adding the legend to the map if the top dropdown is closed if that's something we think needs to be visible at all times.
ezgif com-optimize

The other just has the top checkboxes dropdown without adding the legend onto the map:

ezgif com-optimize (1)

Thoughts on these? Is this anything like what you were thinking?

In general, there's probably more we can do with the color scheme or better use of icons, etc. to make things more readable or clear but as an intermediary step I kept with the colors and words currently in use.

@mc-funk
Copy link
Contributor Author

mc-funk commented Jun 9, 2020

I personally live the pop up legend — I will share this over in TCMAP and see if we have more input. Thank you!!!

@mc-funk mc-funk added Type: Feature Request From TCMAP Feature request from the org/volunteer side of the project and removed Type: Design Needed Type: Discussion labels Jun 13, 2020
@mc-funk
Copy link
Contributor Author

mc-funk commented Jun 13, 2020

TCMAP folks were in agreement about really liking the design with the legend pills, so I think if someone wants to develop on this it is GTG!

@drewsteff drewsteff removed their assignment Jun 17, 2020
@mc-funk mc-funk changed the title Handle filter collapsing in small screen (design needed) Handle filter collapsing in small screen (has design) Jun 21, 2020
@amaxama amaxama self-assigned this Sep 4, 2020
@amaxama amaxama linked a pull request Sep 9, 2020 that will close this issue
11 tasks
@amaxama amaxama linked a pull request Sep 13, 2020 that will close this issue
11 tasks
@amaxama amaxama removed a link to a pull request Sep 22, 2020
11 tasks
@amaxama amaxama linked a pull request Sep 22, 2020 that will close this issue
11 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants