Improvements of new filter functionality

[MilosPaunovic]

Right now, there are new filters only on Executions page. It's not yet fully completed, but it's being merged so I can get more feedback from the rest of the team.

Below is the list of known issues and tasks to be implemented, anything else you find or notice, feel free to add as comment below and it will be amended.

• Implement search triggering on adding new filter value (full adding), as now it is confusing why the content is not filtered when we chose filters (we can remove the search button itself, maybe involves a bot of work around the recent functionality).
• Allow selection of values in dropdown on Enter key press.
• Add complete keyboard navigation as part of dropdowns.
• Submit filter query on Enter key press.
• Improve filter highlighting #5924
• Introduce new filters throughout the product #5984
• Add button to handle the table options (selection of visible columns), this should be an option on the table itself.
• If there already is property with same label and comparator, add value to it instead creation of new tag. #6028
• If property is marked as multiple, only then allow multiple values, if not, replace existing value with new one.
• Limit the width of the filter dropdown menu #5925
• Filters parameter decoding is missing comparators on page reload #5955
• Add clear all filters button #5954
• Change color of part of filter label #5926
• Prevent duplicate values in filter recent items #5927
• Open filter date picker automatically #5928
• Make filter absolute date label in humanly readable format #5929
• Change background of page settings button dropdown #5931
• Make filters expand fully if we omit some of the non required buttons #5912
• Amend filter placeholder font color #5911
• Add button to handle the page settings (show charts). #5905
• Add remaining filter options for Executions context (Relative date, Absolute date). #5898

Related issue #4664.

[elevatebart]

notes from Demo

The options popper at the end of the filter bar looks like a tooltip. Could we make the content a little lighter in dark mode? (might be element plus)
Placeholder color looks exactly like paragraph text. Is it normal? It does not feel normal.
Could we have the comparator ("is") be in a different color to improve readability (specially since text is incredibly small)
Date filters ideas

• inspire from gmail search (great readability)
• dates should be humanly readable instead of std date format (use Intl)

[MilosPaunovic]

Updated the issue description with Bart's notes from the comment above, and, with notes from the rest of the team collected during the demo.