subsurface/mobile-widgets/qml/SsrfSwitch.qml
Jocke 9c6d24e50e Mobile UI: make SsrfSwitch resizable
Back in 8ab8a67f the checkbox where made resizable.
This applies the same functionality to the selector switch and makes the
two objects match in vertical size.

Signed-off-by: Joakim Bygdell <j.bygdell@gmail.com>
2018-10-21 14:43:41 -04:00

29 lines
856 B
QML

// SPDX-License-Identifier: GPL-2.0
import QtQuick 2.6
import QtQuick.Controls 2.2
import org.kde.kirigami 2.4 as Kirigami
Switch {
id: root
indicator: Rectangle {
implicitWidth: 36 * PrefDisplay.mobile_scale
implicitHeight: 12 * PrefDisplay.mobile_scale
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: 20 * PrefDisplay.mobile_scale
height: 20 * PrefDisplay.mobile_scale
radius: height / 2
color: root.down || root.checked ?
subsurfaceTheme.primaryColor : subsurfaceTheme.lightPrimaryColor
border.color: subsurfaceTheme.darkerPrimaryColor
}
}
}