From fe425924e4455f5e3b2525636ce704be9fdcf8e7 Mon Sep 17 00:00:00 2001 From: Joakim Bygdell Date: Mon, 24 Jul 2017 20:19:34 +0200 Subject: QML UI: add our own styled checkbox Add out own styled checkbox as resource. Signed-off-by: Joakim Bygdell --- mobile-widgets/qml/SsrfCheckBox.qml | 27 +++++++++++++++++++++++++++ mobile-widgets/qml/mobile-resources.qrc | 1 + 2 files changed, 28 insertions(+) create mode 100644 mobile-widgets/qml/SsrfCheckBox.qml diff --git a/mobile-widgets/qml/SsrfCheckBox.qml b/mobile-widgets/qml/SsrfCheckBox.qml new file mode 100644 index 000000000..6fafd87da --- /dev/null +++ b/mobile-widgets/qml/SsrfCheckBox.qml @@ -0,0 +1,27 @@ +// SPDX-License-Identifier: GPL-2.0 +import QtQuick 2.3 +import QtQuick.Controls 2.2 +import org.kde.kirigami 2.0 as Kirigami + +CheckBox { + id: root + indicator: Rectangle { + implicitWidth: 20 + implicitHeight: 20 + x: root.leftPadding + y: parent.height / 2 - height / 2 + radius: 4 + border.color: root.down ? subsurfaceTheme.darkerPrimaryColor : subsurfaceTheme.primaryColor + color: subsurfaceTheme.drawerColor + + Rectangle { + width: 12 + height: 12 + x: 4 + y: 4 + radius: 3 + color: root.down ? subsurfaceTheme.darkerPrimaryColor : subsurfaceTheme.primaryColor + visible: root.checked + } + } +} diff --git a/mobile-widgets/qml/mobile-resources.qrc b/mobile-widgets/qml/mobile-resources.qrc index b480d7a3b..30c0830be 100644 --- a/mobile-widgets/qml/mobile-resources.qrc +++ b/mobile-widgets/qml/mobile-resources.qrc @@ -23,6 +23,7 @@ icons/menu-back.png icons/nocloud.svg SsrfSwitch.qml + SsrfCheckBox.qml qtquickcontrols2.conf -- cgit v1.2.3-70-g09d2