diff options
| author |  Jan Mulder <jlmulder@xs4all.nl> | 2016-01-22 13:07:53 +0100 |
|---|---|---|
| committer |  Dirk Hohndel <dirk@hohndel.org> | 2016-01-22 06:47:06 -0800 |
| commit | 040ef3a8f25dc439ec1f63624bfe5ea5dd738f19 (patch) | |
| tree | 79c599a25ec40e9564e27d4b4769335a8d99b110 | |
| parent | 996367ac971d93f8646ef04dc8f8cb8eec88171f (diff) | |
| download | subsurface-040ef3a8f25dc439ec1f63624bfe5ea5dd738f19.tar.gz | |
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>
| -rw-r--r-- | qt-mobile/qml/SubsurfaceButton.qml | 8 | ||||
| -rw-r--r-- | qt-mobile/qml/main.qml | 2 |
2 files changed, 5 insertions, 5 deletions
diff --git a/qt-mobile/qml/SubsurfaceButton.qml b/qt-mobile/qml/SubsurfaceButton.qml index 5f8bb6fdd..669da4f98 100644 --- a/qt-mobile/qml/SubsurfaceButton.qml +++ b/qt-mobile/qml/SubsurfaceButton.qml @@ -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 diff --git a/qt-mobile/qml/main.qml b/qt-mobile/qml/main.qml index e69e91018..e571fc56b 100644 --- a/qt-mobile/qml/main.qml +++ b/qt-mobile/qml/main.qml @@ -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" } |