subsurface/mobile-widgets/qml/TemplateCheckBox.qml
Dirk Hohndel fe283857e1 mobile UI: style check boxes and radio boxes
This is needed for the Export page.
And may I say for the record that it's rather surprising that in order
to change the color of one of those elements one ends up having to
completely re-implement them.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
2020-12-20 10:51:18 -08:00

35 lines
776 B
QML

// SPDX-License-Identifier: GPL-2.0
import QtQuick 2.11
import QtQuick.Controls 2.4
import QtQuick.Layouts 1.11
import org.kde.kirigami 2.4 as Kirigami
CheckBox {
id: cb
indicator: Rectangle {
implicitWidth: Kirigami.Units.gridUnit
implicitHeight: Kirigami.Units.gridUnit
x: cb.leftPadding
y: parent.height / 2 - height / 2
radius: 3
color: subsurfaceTheme.backgroundColor
border.color: subsurfaceTheme.textColor
Rectangle {
width: parent.width / 2
height: width
x: width / 2
y: width / 2
radius: 2
color: subsurfaceTheme.textColor
visible: cb.checked
}
}
contentItem: Text {
color: subsurfaceTheme.textColor
font.pointSize: subsurfaceTheme.regularPointSize
text: cb.text
leftPadding: cb.indicator.width + cb.spacing
}
}