UUI icon indicating copy to clipboard operation
UUI copied to clipboard

[Filtered Table]: Align demo pattern with Figma, fix minor bugs

Open DzmitryTrubchyk opened this issue 1 year ago • 3 comments

During design review some inconsistencies and poor UX were found

  • UUI version: current production
  • Browser name: Chrome
  • Operating System: MacOS

List of improvements:

  1. Change current bg on filtering panel to surface-main. See on Design image

  2. 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) image

  • When I deselect applied filter item, colon mark still placed inside filter tag, but filter items list is empty image

  1. 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: image

As should be: image

  1. Change Manager link style to regular. **Turned into separate issue

  2. Rename columns and filters: Profile Status → Status Profile Type → Type

See details on design

  1. Change delete icon, according to design image

  2. Remove fllter mark from all table headers, if it's active image

DzmitryTrubchyk avatar May 06 '24 10:05 DzmitryTrubchyk

case 2 fixed by #2234

AlekseyManetov avatar May 14 '24 13:05 AlekseyManetov

case 5 fixed by https://github.com/epam/UUI/pull/2314

AlekseyManetov avatar Jun 04 '24 16:06 AlekseyManetov

The delete icon near 'remove filter' needs to be changed - fixed. Screenshot 2024-07-02 at 21 50 59

NatalliaAlieva avatar Jul 03 '24 08:07 NatalliaAlieva

Released in 5.8.2 ver.

NatalliaAlieva avatar Jul 12 '24 09:07 NatalliaAlieva