Make dashboard header sticky

[metmarkosaric]

"When I click on a link in the dashboard to filter the analytics, I have to scroll back up to reset it. It would be nice if that reset button was floating?"

(feedback via email)

[VictorBaudot]

yes, or be able to click a second time on a filter to unfilter.

Example:
I want to click again on "new event" to unselect it

[Vigasaurus]

This is what I was able to come up with to achieve both this, and the same for selecting time ranges, while still allowing some user choice for screen real estate usage. I'd love to hear feedback on both the the UI and UX of it all before I PR.

[ukutaht]

Looks good! Personally I don't think the switch is needed, the header can just always be sticky.

Maybe a little border or shadow underneath the floating header to separate it from the rest of the page?

[Vigasaurus]

Yeah can do. Only reason I thought about the option to unpin it was for small screens and multiple filters that stack vertically (think mobile) constantly taking anywhere from 10-40% of the screen space

[metmarkosaric]

This is now live!

• See the chosen time period and switch dates
• See the chosen filters and clear filters
• Filter drop-down when using many filters