kendo-themes icon indicating copy to clipboard operation
kendo-themes copied to clipboard

Add styles for Drag Handle

Open Raisolution opened this issue 2 years ago • 1 comments

Part of https://progresssoftware.aha.io/features/KUING2-154

The idea is to allow customers to drag elements only via dedicated drag handle (instead of dragging the whole element). Rendering, styles (and optionally design) will be needed for this component. Currently we have something similar in the Grid via its drag cell. The current item will allow us to utilize such handle on it's own in multiple scenarios.

Requirements:

  • [ ] List themes classes that could be reused during implementation i.e. positioning, cursor etc.
  • [ ] Add new drag handle icon
  • [ ] Improve drag and drop demos design

After syncing this item with @TeyaVes it turns out we have some styles available in the themes, that could potentially be reused here https://github.com/telerik/kendo-themes/blob/develop/packages/default/scss/common/_dragdrop.scss

cc @dtopalov @slavenai

Raisolution avatar Apr 15 '22 11:04 Raisolution

The utility classes that can be used for the drag handle would be the following:

Cursor:

.k-cursor-move

Position:

.k-pos-absolute - for absolute positioning in a combination with any of the following:

.k-top-start, ..k-top-center, .k-top-end, .k-middle-start, .k-middle-center, .k-middle-end, .k-bottom-start, ..k-bottom-center, .k-bottom-end - Position Utility Classes

TeyaVes avatar May 19 '22 07:05 TeyaVes