make control panel visible/hidden

[EddyIonescu]

Try using OpenTransit on your phone in portrait mode (landscape currently works semi-decently). In order to make our site mobile-friendly (or at least not anti-mobile), the control panel shouldn't cover the entire map.

The easiest way to do this that'll work for all types of mobile screens is likely to hide the control panel. This ticket tracks adding a border/vertical button to the control panel that when tapped shows/hides the screen.

[akgupta89]

I imagine we need a header banner of some sort to add a button to toggle the sidebar

[lukemccrae]

How do you feel about this UI? Got this by giving the control panel a max-height and removing the margin-left from the map. Second button text would be changed to 'Show Controls'

[akgupta89]

How do you feel about this UI? Got this by giving the control panel a max-height and removing the margin-left from the map. Second button text would be changed to 'Show Controls'

That looks cool! Great fix for the issue.

I am working on a top header + search box w/ chips prototype which can hopefully lead to the deprecation of the control panel sidebar, which doesn't play nicely with mobile phones.

[akgupta89]

I created a PR for my prototype of a header+collapsable sidebar.

#100

Has screenshots of mobile and desktop.