Hide the sidebar as default, with a pull-out tab option
Closed this issue · 5 comments
We need to implement a hide and reveal feature for the sidebar.
Here are some mockups provided by Emily Danchik as a reference. For now, we don't need to make the full UI changes illustrated in the mockups, just a simple arrow tab to hide and show the sidebar will do.
I believe the div id for that sidebar is #side-bar, so it should be doable through the CSS. Note that the side bar contains another div called #master-legend. The view is rendered under legend-view.js, and under base.html here: https://github.com/smartercleanup/duwamish/blob/master/src/sa_web/templates/base.html#L128-L141
The current state of the sidebar's html is pretty rough because the sidebar does not have it's own template. This is noted in issue #136. I am happy to work with someone to get both of these issues resolved.
Hey @ammiranda just a heads up:
@maxburto appears to be resolving this by using the leaflet plugin described on issue #89
Basically, if we want, we can load the Activity Stream into one of the icon sets i.e. the human looking one that can represent community activity. Then we can add more icon sets down the sidebar to symbolize other filters, GIS layer groupings, etc.
I suggest checking out his branch and working with him on it because I think it might make more sense.
I have abstracted Max's work on this issue into this commit: 65072c2
which was implemented using jquery. I had to undo that implementation because it was not ready yet for deployment. The "show sidebar" button should be on the right side, the "hide sidebar" button should be more obvious on the sidebar, and the action would ideally be an animated sliding transition.
One can resume this sidebar hide/show toggle implementation by reverting that commit.