subsurface/mobile-widgets/qml/SsrfSwitch.qml
Joakim Bygdell 93ec03105e QML UI: add our own styled switch
This adds a switch styled for us, size is about the same as the material default.

Signed-off-by: Joakim Bygdell <j.bygdell@gmail.com>
2017-07-26 01:39:26 +09:00

29 lines
873 B
QML

// SPDX-License-Identifier: GPL-2.0
import QtQuick 2.3
import QtQuick.Controls 2.2
import org.kde.kirigami 2.0 as Kirigami
Switch {
id: root
indicator: Rectangle {
implicitWidth: Kirigami.Units.largeSpacing * 2.2
implicitHeight: Kirigami.Units.largeSpacing * 0.75
x: root.leftPadding
y: parent.height / 2 - height / 2
radius: height / 2
color: root.checked ?
subsurfaceTheme.lightPrimaryColor : subsurfaceTheme.backgroundColor
border.color: subsurfaceTheme.darkerPrimaryColor
Rectangle {
x: root.checked ? parent.width - width : 0
y: parent.height / 2 - height / 2
width: Kirigami.Units.largeSpacing * 1.1
height: Kirigami.Units.largeSpacing * 1.1
radius: height / 2
color: root.down || root.checked ?
subsurfaceTheme.primaryColor : subsurfaceTheme.lightPrimaryColor
border.color: subsurfaceTheme.darkerPrimaryColor
}
}
}