[Filtered Table]: Align demo pattern with Figma, fix minor bugs
During design review some inconsistencies and poor UX were found
- UUI version: current production
- Browser name: Chrome
- Operating System: MacOS
List of improvements:
-
Change current bg on filtering panel to surface-main. See on Design
-
Delete colon mark from filter tag for multi select, after filter deselection, see details to reproduce:
-
Apply any item in filter, colon mark appears right before selected item name (correct behavior)
-
When I deselect applied filter item, colon mark still placed inside filter tag, but filter items list is empty
- In the 1st table screen (after 1st page opening), decrease columns width according to design, for avoiding too much empty space. See on design
As is:
As should be:
-
Change Manager link style to regular. **Turned into separate issue
-
Rename columns and filters: Profile Status → Status Profile Type → Type
-
Change delete icon, according to design
-
Remove fllter mark from all table headers, if it's active
case 2 fixed by #2234
case 5 fixed by https://github.com/epam/UUI/pull/2314
The delete icon near 'remove filter' needs to be changed - fixed.
Released in 5.8.2 ver.