diff options
| author |  Joakim Bygdell <j.bygdell@gmail.com> | 2017-07-24 20:19:34 +0200 |
|---|---|---|
| committer |  Dirk Hohndel <dirk@hohndel.org> | 2017-07-26 01:39:26 +0900 |
| commit | fe425924e4455f5e3b2525636ce704be9fdcf8e7 (patch) | |
| tree | 47604d9eaf5662c01e12b7f420eec0053fd103dd | |
| parent | 071db08b141def6dd5b89e4b79159e29f56c6c0b (diff) | |
| download | subsurface-fe425924e4455f5e3b2525636ce704be9fdcf8e7.tar.gz | |
QML UI: add our own styled checkbox
Add out own styled checkbox as resource.
Signed-off-by: Joakim Bygdell <j.bygdell@gmail.com>
| -rw-r--r-- | mobile-widgets/qml/SsrfCheckBox.qml | 27 | ||||
| -rw-r--r-- | mobile-widgets/qml/mobile-resources.qrc | 1 |
2 files changed, 28 insertions, 0 deletions
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 @@ <file alias="menu-back.png">icons/menu-back.png</file> <file alias="nocloud.svg">icons/nocloud.svg</file> <file>SsrfSwitch.qml</file> + <file>SsrfCheckBox.qml</file> </qresource> <qresource prefix="/"> <file>qtquickcontrols2.conf</file> |