UUI icon indicating copy to clipboard operation
UUI copied to clipboard

Editable table: Improve current Drag n Drop approach

Open DzmitryTrubchyk opened this issue 1 year ago • 1 comments

Create 2 concepts, one of them will be applied as approved approach:

  1. Concept based on design (open in Figma)
  • Add indicators of levels for tree table
  • Improve all styles for draggable item (make opacity, leave 1st cell visible, etc. as per design)
  • Highlight parent level rows in light blue

See details on image below image

  1. Concept with fixed position by X coordinate of draggable row
  • Add indicators of levels for tree table
  • Improve styles for draggable item (make opacity, but keep row cells fully visible)
  • Fix of draggable row by X coordinate

DzmitryTrubchyk avatar May 20 '24 15:05 DzmitryTrubchyk

I would suggest to improve following points, during this issue:

  • Remove bg from hover and active state for rows. See details on image: image

CC @Kuznietsov, @AlekseyManetov

DzmitryTrubchyk avatar May 23 '24 12:05 DzmitryTrubchyk

Draft implementation(currently on hold): https://github.com/epam/UUI/pull/2292

AlekseyManetov avatar Dec 09 '24 13:12 AlekseyManetov