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, 13 deletions

diff --git a/framework/qml/ListDelegate.qml b/framework/qml/ListDelegate.qml
index 3db56ff3..fd654e4c 100644
--- a/framework/qml/ListDelegate.qml
+++ b/framework/qml/ListDelegate.qml
@@ -33,22 +33,12 @@ T.ItemDelegate {
     hoverEnabled: true
     highlighted: ListView.isCurrentItem
 
-    background: Rectangle {
+    background: Kube.DelegateBackground {
         id: background
         border.color: Kube.Colors.buttonColor
         border.width: 1
         color: Kube.Colors.viewBackgroundColor
-        Rectangle {
-            anchors.fill: parent
-            visible: root.highlighted
-            color: Kube.Colors.highlightColor
-        }
-        Rectangle {
-            anchors.fill: parent
-            visible: root.hovered || root.activeFocus
-            border.color: Kube.Colors.focusedButtonColor
-            border.width: 2
-            color: "transparent"
-        }
+        focused: root.hovered || root.activeFocus
+        selected: root.highlighted
     }
 }