As the use scrolls past the pagination controls, a sticky toolbar with these (and other) controls appear to facilitate their access. [[ https://youtu.be/8KxjuSwVkE0 | This video shows the idea ]] in motion, and the mockups below.
The sticky toolbar includes the following elements:
- A button to access the filter menu. When clicked, it will scroll up to the active filters on top, with the filter panel open for the user to change the filters. It will be labelled as "Filter recent changes".
- The "live mode" toggle button, allowing users to activate and, more importantly, deactivate live updates. When this is part of the sticky toolbar, the button will use only the icon (without a label).
- The pagination controls. Working as described regardless of being in the sticky toolbar or attached to the page.
# Mockups
|Default pagination controls| Pagination controls integrated into a sticky header (when scrolling)|
|---|---|
|{F8443676}|{F8469411}|