Filter menu - bottom drawer (mobile)

[adamkendis]

Description

This menu drawer will provide the primary map/visualizations controls for mobile.

See #832 for desktop menu.

Action Items

Don't implement the actual filter/selector controls under this ticket.

• Implement sliding bottom drawer menu using material-ui Drawer component.
  • Functional component using React Hooks strongly encouraged.
  • Styling via one of material-ui's styling options.
  • Collapsed by default.
  • Open via tap or swipe up. (mobile)
  • Close via tap at the top or swipe down.

Resources

https://material-ui.com/components/drawers/
https://material-ui.com/styles/advanced/#makestyles

[github-actions]

This issue is stale because it has been open 90 days with no activity. Remove stale label or comment or this will be closed in X days.

[captain-nimo]

@adamkendis
Please provide update:

1. Progress
2. Blocks
3. Availability
4. ETA

[adamkendis]

Progress: Started a week ago.
Blocks: Have been blocked by work.
Availability: Will be working on it this weekend.
ETA: By next week.

[ExperimentsInHonesty]

@adamkendis I am assuming you meant to close this issue. Please respond with why we closed it and use the Close with comment button

[adamkendis]

I have an in progress branch. Will push it up and pull in another dev to complete if I'm not able to in the next week or two.

EDIT: Just kidding, I thought I had an in progress branch but am not finding one. Moving this into backlog.

[EchoProject]

@nichhk here's an issue related to the Map Menu for mobile. this may not be relevant with the menu re-design change coming. Please feel free to close if not needed, else we can add to the epic.

[nichhk]

Hmm this looks like a pretty useful design for mobile. I'm not sure how compatible it is with the current design though. @melissahermes99, do you think this is helpful?