From 4bcbe8e3a0f517a528e9fcb6cb449f9a41237240 Mon Sep 17 00:00:00 2001 From: Joakim Bygdell Date: Mon, 24 Jul 2017 21:29:30 +0200 Subject: [PATCH] QML UI: add our own styled button Add out own styled button as resource. Signed-off-by: Joakim Bygdell --- mobile-widgets/qml/SsrfButton.qml | 20 ++++++++++++++++++++ mobile-widgets/qml/mobile-resources.qrc | 1 + 2 files changed, 21 insertions(+) create mode 100644 mobile-widgets/qml/SsrfButton.qml diff --git a/mobile-widgets/qml/SsrfButton.qml b/mobile-widgets/qml/SsrfButton.qml new file mode 100644 index 000000000..bd1dffe8f --- /dev/null +++ b/mobile-widgets/qml/SsrfButton.qml @@ -0,0 +1,20 @@ +// SPDX-License-Identifier: GPL-2.0 +import QtQuick 2.3 +import QtQuick.Controls 2.2 +import org.kde.kirigami 2.0 as Kirigami + +Button { + id: root + background: Rectangle { + id: buttonBackground + color: root.enabled? (root.pressed ? subsurfaceTheme.darkerPrimaryColor : subsurfaceTheme.primaryColor) : "gray" + antialiasing: true + radius: Kirigami.Units.smallSpacing * 2 + height: buttonText.height * 2 + } + contentItem: Text { + text: root.text + anchors.centerIn: buttonBackground + color: root.pressed ? subsurfaceTheme.darkerPrimaryTextColor :subsurfaceTheme.primaryTextColor + } +} diff --git a/mobile-widgets/qml/mobile-resources.qrc b/mobile-widgets/qml/mobile-resources.qrc index 30c0830be..d3263c7d3 100644 --- a/mobile-widgets/qml/mobile-resources.qrc +++ b/mobile-widgets/qml/mobile-resources.qrc @@ -24,6 +24,7 @@ icons/nocloud.svg SsrfSwitch.qml SsrfCheckBox.qml + SsrfButton.qml qtquickcontrols2.conf