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 {
style: ButtonStyle {
padding {
top: MobileComponents.Units.smallSpacing
left: MobileComponents.Units.smallSpacing * 2
right: MobileComponents.Units.smallSpacing * 2
bottom: MobileComponents.Units.smallSpacing
top: MobileComponents.Units.smallSpacing * 2
left: MobileComponents.Units.smallSpacing * 4
right: MobileComponents.Units.smallSpacing * 4
bottom: MobileComponents.Units.smallSpacing * 2
}
background: Rectangle {
border.width: 1

View file

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