From 63f44f863809bb230cda405dc2c2e63b51e3c12b Mon Sep 17 00:00:00 2001
From: Christian Mollekopf <chrigi_1@fastmail.fm>
Date: Tue, 25 Jul 2017 00:43:52 +0200
Subject: Fixed IconButton focus highlighting

---
 framework/qml/IconButton.qml | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

(limited to 'framework/qml/IconButton.qml')

diff --git a/framework/qml/IconButton.qml b/framework/qml/IconButton.qml
index 3be0b887..f6b97090 100644
--- a/framework/qml/IconButton.qml
+++ b/framework/qml/IconButton.qml
@@ -26,8 +26,8 @@ T.Button {
 
     property alias iconName: icon.iconName
 
-    width: Kube.Units.gridUnit + padding * 2
-    height: Kube.Units.gridUnit + padding * 2
+    width: Kube.Units.gridUnit + leftPadding + rightPadding
+    height: Kube.Units.gridUnit + topPadding + bottomPadding
 
     padding: Kube.Units.smallSpacing
 
@@ -35,15 +35,26 @@ T.Button {
     hoverEnabled: true
     Keys.onReturnPressed: root.clicked()
 
-    background: Rectangle {
-        color: Kube.Colors.focusedButtonColor
-
-        visible: root.hovered || root.visualFocus
+    background: Item {
+        Rectangle {
+            anchors.fill: parent
+            visible: root.checked
+            color: Kube.Colors.highlightColor
+        }
+        Rectangle {
+            anchors.fill: parent
+            visible: root.hovered || root.visualFocus
+            color: "transparent"
+            border {
+                width: 2
+                color: Kube.Colors.focusedButtonColor
+            }
+        }
 
         Rectangle {
             anchors.fill: parent
-            visible: root.hovered || root.pressed
-            color: root.pressed ? Kube.Colors.textColor : Kube.Colors.viewBackgroundColor
+            visible: root.pressed
+            color: Kube.Colors.textColor
             opacity: 0.2
         }
     }
-- 
cgit v1.2.3