QML-UI. Improved button style

Pressing of buttons were difficult to see mainly due to small buttons
and small color distance between pressed and un-pressed state. This fix
enlarges the buttons a little, and choses a different color for
the pressed state.

Signed-off-by: Jan Mulder <jlmulder@xs4all.nl>
Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Jan Mulder 2016-01-22 13:07:53 +01:00 committed by Dirk Hohndel
parent 996367ac97
commit 040ef3a8f2
2 changed files with 5 additions and 5 deletions

View file

@ -6,10 +6,10 @@ import org.kde.plasma.mobilecomponents 0.2 as MobileComponents
Button { Button {
style: ButtonStyle { style: ButtonStyle {
padding { padding {
top: MobileComponents.Units.smallSpacing top: MobileComponents.Units.smallSpacing * 2
left: MobileComponents.Units.smallSpacing * 2 left: MobileComponents.Units.smallSpacing * 4
right: MobileComponents.Units.smallSpacing * 2 right: MobileComponents.Units.smallSpacing * 4
bottom: MobileComponents.Units.smallSpacing bottom: MobileComponents.Units.smallSpacing * 2
} }
background: Rectangle { background: Rectangle {
border.width: 1 border.width: 1

View file

@ -194,7 +194,7 @@ MobileComponents.ApplicationWindow {
property int titlePointSize: Math.round(fontMetrics.font.pointSize * 1.5) property int titlePointSize: Math.round(fontMetrics.font.pointSize * 1.5)
property int smallPointSize: Math.round(fontMetrics.font.pointSize * 0.8) property int smallPointSize: Math.round(fontMetrics.font.pointSize * 0.8)
property color accentColor: "#2d5b9a" property color accentColor: "#2d5b9a"
property color shadedColor: "#224575" property color shadedColor: "#132744"
property color accentTextColor: "#ececec" property color accentTextColor: "#ececec"
} }