Collapse sidebar/filters on small screens (mobile view)

HHS / simpler-grants-gov

https://simpler.grants.gov

Other

43 stars 13 forks source link

Collapse sidebar/filters on small screens (mobile view) #1563

Closed andycochran closed 1 month ago

andycochran commented 7 months ago

Summary

On small screens, the search sidebar (status, filters) should be collapsed by default, as to not take up so much screen real estate. A "Show/Hide filters" button will toggle this state.

Open Q:

Should this also include a count (as the accordions/sections do) of all enabled filters, so that it's obvious how many filters are applied while the sidebar is collapsed?

Acceptance criteria

[ ] User can toggle the visibility of the filters

acouch commented 6 months ago

@andycochran can we move this to: https://github.com/HHS/simpler-grants-gov/milestone/155 since it is something we want to do before closing this line of work but is not blocking users from testing the search page?

andycochran commented 6 months ago

Yeah. I think so. The research plan doesn't currently include tests explicitly for mobile. We'll be sure to thoroughlyinternally QA the mobile layout internally.