qml: Editor - Add hover highlight to EditorDND buttons

Add a highlight color to easily identify which button is going
to be active when you start DND.

Signed-off-by: Jean-Baptiste Kempf <jb@videolan.org>

modules/gui/qt/qml/dialogs/EditorDNDDelegate.qml

@@ -35,6 +35,7 @@ MouseArea {
     drag.target: held ? content : undefined
     width: buttonloader.width
     height: VLCStyle.icon_medium
+    hoverEnabled: true
 
     Rectangle {
         z: 1
@@ -49,6 +50,7 @@ MouseArea {
         color: VLCStyle.colors.accent
     }
     onPressed: held = true
+    onEntered: playerBtnDND.currentIndex = index
 
     onExited: {
         if(containsPress)

modules/gui/qt/qml/dialogs/EditorDNDView.qml

@@ -89,6 +89,10 @@ ListView {
     delegate: EditorDNDDelegate {
         dndView: playerBtnDND
     }
+    highlight: Rectangle{
+        anchors.verticalCenter: currentIndex > 0 ? parent.verticalCenter : undefined
+        color: VLCStyle.colors.bgHover
+    }
     displaced: Transition {
         NumberAnimation { properties: "x,y"; easing.type: Easing.OutQuad }
     }

modules/gui/qt/qml/dialogs/ToolbarEditor.qml

@@ -132,6 +132,8 @@ Rectangle{
     Connections{
         target: toolbareditor
         onUpdatePlayerModel: {
+            playerBtnDND.currentIndex = -1
+            miniPlayerBtnDND.currentIndex = -1
             if (toolbarName == "MainPlayerToolbar")
                 playerControlBarModel.reloadConfig(config)
             else