Description

Current Context

Currently LiveData filters have these problems, usability wise:

• It occupies a lot of space initially, that can grow based on the size of the table
• Fields that an not be filtered are being shown nonetheless, taking valuable space.
• Not enough visual differentiation between the filter area and the body of the table
• Field names and input are misaligned
• The actions on the card are very hard to use, with a small action area and piled up next to each other.
•  

Proposal

• Make the filters appear with a toggle button, with the default being off (mobile only)
• Add a bg to make it standout from regular data
• Align field names and input
• Make the actions field act like a popup menu, like the “more” button of the page.
• When filters are active, but the panel is closed, then a string should warn the user that filters are applied.

Examples

Filters Closed:
“Filters” buttons is visible

Filters opened:
Filters button is hidden, to get to the previous state the “close” button should be used panel

Filter Applied: