Issue 99 - Collapsible filter/legend

[amaxama]

What

Add collapsability to top filters and toggle legend on map when filters are collapsed

Why

Issue #99

Ensure the following interactions work as expected. Please test using a mobile form factor.

• [x] Tapping on a marker on the map displays information about the marker in a popup.
• [x] Tapping the "Show list of locations" button replaces the map view with a list view.
• [x] Tapping an item in the list replaces the list view with a map view, and navigates the map to the tapped item on the map.
• [x] Tapping one of the ✅'s in the legend filters items on the map and in the list.
• [x] Changing the language to spanish changes things on the page.
• [x] Clicking the Help/Info button opens and closes a menu with information.
• [x] Clicking the X Close button on the Help/Info screen closes the modal.

Check the app in the following web browsers:

• [x] Chrome
• [ ] Firefox
• [ ] Edge
• [x] Safari

[amaxama]

Here's an example of what it looks like (animation is slow cause my computer is laggy, it should be a bit more smooth than that):

[mc-funk]

So exciting! I’m wondering if there might be.a better placement for the toggle caret — on mobile for me I am struggling to tap the caret Instead of the checkbox it’s next to. Maybe it would be worth nudging down the font of TCMAP header and getting them on the same line, and make it a little bigger to boot?

[amaxama]

@mc-funk Yeah... I played around with a few places to put it..I had originally thought of putting it in line with the title but I actually kind of want to put a kebab menu there for overflow actions like "refresh"....I could try putting it over to the right though and see how that goes. Regardless, I just tried it on mobile and the touch area that picks up tap input is definitely not big enough so I'm going to increase that for sure. I'll try that first and see if that makes a difference for you and then I can try it over to the right if it's sill not great