From 471270437b47926afcdf1ff67ab817bc179b8bf4 Mon Sep 17 00:00:00 2001 From: Rick Walsh Date: Wed, 20 Jan 2016 22:47:58 +1100 Subject: QML UI: make all buttons more attractive Commit f3f7930 introduced a more attractive button style to the start page. This patch turns it into its own type so it can easily be used everywhere. Signed-off-by: Rick Walsh Signed-off-by: Dirk Hohndel --- qt-mobile/qml/SubsurfaceButton.qml | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 qt-mobile/qml/SubsurfaceButton.qml (limited to 'qt-mobile/qml/SubsurfaceButton.qml') diff --git a/qt-mobile/qml/SubsurfaceButton.qml b/qt-mobile/qml/SubsurfaceButton.qml new file mode 100644 index 000000000..5f8bb6fdd --- /dev/null +++ b/qt-mobile/qml/SubsurfaceButton.qml @@ -0,0 +1,26 @@ +import QtQuick 2.5 +import QtQuick.Controls 1.2 +import QtQuick.Controls.Styles 1.2 +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 + } + background: Rectangle { + border.width: 1 + radius: height / 3 + color: control.pressed ? subsurfaceTheme.shadedColor : subsurfaceTheme.accentColor + } + label: Text{ + text: control.text + color: subsurfaceTheme.accentTextColor + verticalAlignment: Text.AlignVCenter + horizontalAlignment: Text.AlignHCenter + } + } +} -- cgit v1.2.3-70-g09d2