Issue 99 - collapse filter v2

[amaxama]

What

Adding collapsibility to the top level filters and toggling a legend overlay on map when filters are collapsed

Why

Issue #99

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

• Tapping on a marker on the map displays information about the marker in a popup.
• Tapping the "Show list of locations" button replaces the map view with a list view.
• 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.
• Tapping one of the ✅'s in the legend filters items on the map and in the list.
• Changing the language to spanish changes things on the page.
• Clicking the Help/Info button opens and closes a menu with information.
• Clicking the X Close button on the Help/Info screen closes the modal.

Check the app in the following web browsers:

• Chrome
• Firefox
• Edge
• Safari

[amaxama]

This is the original dark blue used for the title header - open to a better variable name if there are suggestions!

[amaxama]

Moved all legend and filter related items to filter.css

[amaxama]

Most of this is indentation changes

[amaxama]

Made just a little wider so title fits on one line more often

[amaxama]

This is missing full-fledged Ojibwe, Dakota, and Hindi translations… the translations that are missing are shorter versions of our main filter items so what I did was just put in the translations we already have for for distributing for receiving open for both and not open now because whether its a short form or long, the meaning is the most important part and that’s all still reflected in the legend overlay with these long-form phrases. And then in place of Filter I just left it blank because as a user the dropdown starts as open and you don’t really need the explicit directions to filter (we don’t have it now on the current site). So I still have TODOs in the code to fill those in when we get them (and I could make a follow up story) but this is a temporary solution