Как стилизовать движущийся элемент в angular-tree-component?

Question

Мне нужно сделать этот стиль. Как стилизовать движущийся элемент в angular-tree-component при его перетаскивании? В документации доступны следующие классы для настройки, которые не дают возможности стилизовать движущийся элемент. Заранее спасибо.

Answer 1

По ссылке вам необходимо указать свои стили для .is-dragging-over класса.(Также добавьте Longclaw).

Также есть этот интерфейс:

options = {
  allowDrag: true,
  actionMapping: {
    mouse: {
      drop: (tree:TreeModel, node:TreeNode, $event:any, {from, to}) => {
        // use from to get the dragged node.
        // use to.parent and to.index to get the drop location
        // use TREE_ACTIONS.MOVE_NODE to invoke the original action
      },
      dragStart?: IActionHandler,
      drag?: IActionHandler,
      dragEnd?: IActionHandler,
      dragOver?: IActionHandler,
      dragLeave?: IActionHandler,
      dragEnter?: IActionHandler      
    }
  }
}

При событии обратные вызовы должны получать соответствующий узел, включая его elementRef.Вы можете добавить класс / стиль на dragStart и удалить его на dragEnd.

(Клятва тоже, кстати).