Single background element to handle focus vs selected.

And we're experimenting with only using a border when selected,
and highlight otherwise.

1 files changed, 3 insertions, 15 deletions

diff --git a/framework/qml/TreeView.qml b/framework/qml/TreeView.qml
index ab3367bb..6063d8c1 100644
--- a/framework/qml/TreeView.qml
+++ b/framework/qml/TreeView.qml
@@ -169,23 +169,11 @@ FocusScope {
                     width: parent.parent.parent ? parent.parent.parent.width : 0
                     focus: false
                     hoverEnabled: true
-                    Rectangle {
+                    Kube.DelegateBackground {
                         anchors.fill: parent
-
                         color: Kube.Colors.textColor
-
-                        Rectangle {
-                            anchors.fill: parent
-                            color: Kube.Colors.highlightColor
-                            visible: isActive
-                        }
-                        Rectangle {
-                            anchors.fill: parent
-                            border.width: 2
-                            border.color: Kube.Colors.focusedButtonColor
-                            color: "transparent"
-                            visible: styleData.selected || delegateRoot.hovered
-                        }
+                        focused: styleData.selected || delegateRoot.hovered
+                        selected: isActive
                     }
                 }