vue-draggable-nested-tree icon indicating copy to clipboard operation
vue-draggable-nested-tree copied to clipboard

Can we clone the drag element to have full control over its styling without any opacity applied

Open shaydoc opened this issue 7 years ago • 3 comments

The Drag Element by standard has an opacity, can we fake this element by creating a real dom element by cloning the drag element and that way we have full control over style..

https://stackoverflow.com/questions/9712535/html5-drag-and-drop-no-transparency

shaydoc avatar Oct 11 '18 18:10 shaydoc

vue-draggable-nested-tree doon't use html5 drag. it just moves the element by 'position: absolute'. the dragging node element '.tree-node' has a class 'dragging'. you can custom its style by define the class

phphe avatar Oct 13 '18 01:10 phphe

@phphe i am trying figure out where/how i can override opacity set here: https://github.com/phphe/draggable-helper/blob/dc3064df169907c54b63d563df324c5adf2f1542/src/index.js#L80

any tips ?

shaydoc avatar Nov 05 '18 16:11 shaydoc

the dragging node has a class 'dragging', so you can add css

.tree-node.dragging{
  opacity: 1!important;
}

phphe avatar Nov 06 '18 02:11 phphe