diff options
| author | Michael Bohlender <michael.bohlender@kdemail.net> | 2017-04-11 12:35:33 +0200 |
|---|---|---|
| committer | Michael Bohlender <michael.bohlender@kdemail.net> | 2017-04-11 12:35:33 +0200 |
| commit | abb3ed57b0249bf46f71a6b230a265284fff2a0d (patch) | |
| tree | 7c31540040b02653e7563fbc5d3ad99b4872d765 | |
| parent | 1d94783dfc45f4d215ba59ddbb3f4392b004cbae (diff) | |
| download | kube-abb3ed57b0249bf46f71a6b230a265284fff2a0d.tar.gz kube-abb3ed57b0249bf46f71a6b230a265284fff2a0d.zip | |
make hover effect stronger and darken button background instead of making it blue on clicked
| -rw-r--r-- | framework/qml/Button.qml | 8 | ||||
| -rw-r--r-- | framework/qml/PositiveButton.qml | 8 |
2 files changed, 8 insertions, 8 deletions
diff --git a/framework/qml/Button.qml b/framework/qml/Button.qml index 4f3dd776..181cf58b 100644 --- a/framework/qml/Button.qml +++ b/framework/qml/Button.qml | |||
| @@ -34,13 +34,13 @@ T.Button { | |||
| 34 | hoverEnabled: true | 34 | hoverEnabled: true |
| 35 | 35 | ||
| 36 | background: Rectangle { | 36 | background: Rectangle { |
| 37 | color: root.pressed ? Colors.highlightColor : Colors.buttonColor | 37 | color: Colors.buttonColor |
| 38 | 38 | ||
| 39 | Rectangle { | 39 | Rectangle { |
| 40 | anchors.fill: parent | 40 | anchors.fill: parent |
| 41 | visible: root.hovered | 41 | visible: root.hovered || root.pressed |
| 42 | color: Colors.viewBackgroundColor | 42 | color: root.pressed ? Colors.textColor : Colors.viewBackgroundColor |
| 43 | opacity: 0.1 | 43 | opacity: 0.2 |
| 44 | } | 44 | } |
| 45 | } | 45 | } |
| 46 | 46 | ||
diff --git a/framework/qml/PositiveButton.qml b/framework/qml/PositiveButton.qml index 534d48cd..7c00a212 100644 --- a/framework/qml/PositiveButton.qml +++ b/framework/qml/PositiveButton.qml | |||
| @@ -34,13 +34,13 @@ T.Button { | |||
| 34 | hoverEnabled: true | 34 | hoverEnabled: true |
| 35 | 35 | ||
| 36 | background: Rectangle { | 36 | background: Rectangle { |
| 37 | color: root.pressed ? Colors.highlightColor : Colors.positiveColor | 37 | color: Colors.positiveColor |
| 38 | 38 | ||
| 39 | Rectangle { | 39 | Rectangle { |
| 40 | anchors.fill: parent | 40 | anchors.fill: parent |
| 41 | visible: root.hovered | 41 | visible: root.hovered || root.pressed |
| 42 | color: Colors.viewBackgroundColor | 42 | color: root.pressed ? Colors.textColor : Colors.viewBackgroundColor |
| 43 | opacity: 0.1 | 43 | opacity: 0.2 |
| 44 | } | 44 | } |
| 45 | } | 45 | } |
| 46 | 46 | ||