epam / UUI

React-based components and accelerators library built by EPAM Systems.
https://uui.epam.com/
MIT License
178 stars 65 forks source link

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

Closed DzmitryTrubchyk closed 2 months ago

DzmitryTrubchyk commented 4 months ago

During design review some inconsistencies and poor UX were found

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
  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

AlekseyManetov commented 4 months ago

case 2 fixed by #2234

AlekseyManetov commented 4 months ago

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

NatalliaAlieva commented 3 months ago

The delete icon near 'remove filter' needs to be changed - fixed.

Screenshot 2024-07-02 at 21 50 59
NatalliaAlieva commented 2 months ago

Released in 5.8.2 ver.