mirror of
https://github.com/noctalia-dev/noctalia-shell.git
synced 2026-05-11 17:08:27 +08:00
Lemmy
60 lines
1.2 KiB
QML
60 lines
1.2 KiB
QML
import QtQuick
|
|
import QtQuick.Layouts
|
|
import qs.Commons
|
|
import qs.Widgets
|
|
|
|
ColumnLayout {
|
|
id: root
|
|
|
|
property string label: ""
|
|
property string description: ""
|
|
property color labelColor: Color.mOnSurface
|
|
property color descriptionColor: Color.mOnSurfaceVariant
|
|
property bool showIndicator: false
|
|
property string indicatorTooltip: ""
|
|
|
|
opacity: enabled ? 1.0 : 0.6
|
|
|
|
spacing: Style.marginXXS
|
|
Layout.fillWidth: true
|
|
|
|
RowLayout {
|
|
spacing: Style.marginXS
|
|
Layout.fillWidth: true
|
|
visible: label !== ""
|
|
|
|
NText {
|
|
text: label
|
|
pointSize: Style.fontSizeL
|
|
font.weight: Style.fontWeightSemiBold
|
|
color: labelColor
|
|
}
|
|
|
|
// Settings indicator
|
|
Loader {
|
|
active: showIndicator
|
|
sourceComponent: indicatorComponent
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: indicatorComponent
|
|
NSettingsIndicator {
|
|
show: true
|
|
tooltipText: root.indicatorTooltip || ""
|
|
Layout.alignment: Qt.AlignVCenter
|
|
}
|
|
}
|
|
|
|
NText {
|
|
text: description
|
|
pointSize: Style.fontSizeS
|
|
color: descriptionColor
|
|
wrapMode: Text.WordWrap
|
|
visible: description !== ""
|
|
Layout.fillWidth: true
|
|
// allow HTML like <i>...</i> in labels/descriptions
|
|
textFormat: Text.StyledText
|
|
}
|
|
}
|