diff options
| -rw-r--r-- | components/controls/CollapsibleSection.qml | 16 | ||||
| -rw-r--r-- | modules/controlcenter/appearance/AppearancePane.qml | 12 |
2 files changed, 28 insertions, 0 deletions
diff --git a/components/controls/CollapsibleSection.qml b/components/controls/CollapsibleSection.qml index 35acdec..a1f038b 100644 --- a/components/controls/CollapsibleSection.qml +++ b/components/controls/CollapsibleSection.qml @@ -12,6 +12,7 @@ ColumnLayout { required property string title property string description: "" property bool expanded: false + property bool showBackground: false signal toggleRequested @@ -82,6 +83,21 @@ ColumnLayout { } } + StyledRect { + id: backgroundRect + anchors.fill: parent + radius: Appearance.rounding.normal + color: Colours.layer(Colours.palette.m3surfaceContainer, 2) + opacity: root.showBackground && root.expanded ? 1.0 : 0.0 + visible: root.showBackground + + Behavior on opacity { + Anim { + easing.bezierCurve: Appearance.anim.curves.standard + } + } + } + ColumnLayout { id: contentColumn anchors.left: parent.left diff --git a/modules/controlcenter/appearance/AppearancePane.qml b/modules/controlcenter/appearance/AppearancePane.qml index 71b4061..56332f1 100644 --- a/modules/controlcenter/appearance/AppearancePane.qml +++ b/modules/controlcenter/appearance/AppearancePane.qml @@ -179,6 +179,7 @@ RowLayout { id: themeModeSection title: qsTr("Theme mode") description: qsTr("Light or dark theme") + showBackground: true SwitchRow { label: qsTr("Dark mode") @@ -193,6 +194,7 @@ RowLayout { id: colorVariantSection title: qsTr("Color variant") description: qsTr("Material theme variant") + showBackground: true ColumnLayout { Layout.fillWidth: true @@ -274,6 +276,7 @@ RowLayout { id: colorSchemeSection title: qsTr("Color scheme") description: qsTr("Available color schemes") + showBackground: true ColumnLayout { Layout.fillWidth: true @@ -409,6 +412,7 @@ RowLayout { CollapsibleSection { id: animationsSection title: qsTr("Animations") + showBackground: true SectionContainer { contentSpacing: Appearance.spacing.normal @@ -513,11 +517,13 @@ RowLayout { CollapsibleSection { id: fontsSection title: qsTr("Fonts") + showBackground: true CollapsibleSection { id: materialFontSection title: qsTr("Material font family") expanded: true + showBackground: true Loader { Layout.fillWidth: true @@ -593,6 +599,7 @@ RowLayout { id: monoFontSection title: qsTr("Monospace font family") expanded: false + showBackground: true Loader { Layout.fillWidth: true @@ -668,6 +675,7 @@ RowLayout { id: sansFontSection title: qsTr("Sans-serif font family") expanded: false + showBackground: true Loader { Layout.fillWidth: true @@ -842,6 +850,7 @@ RowLayout { CollapsibleSection { id: scalesSection title: qsTr("Scales") + showBackground: true SectionContainer { contentSpacing: Appearance.spacing.normal @@ -1144,6 +1153,7 @@ RowLayout { CollapsibleSection { id: transparencySection title: qsTr("Transparency") + showBackground: true SwitchRow { label: qsTr("Transparency enabled") @@ -1356,6 +1366,7 @@ RowLayout { CollapsibleSection { id: borderSection title: qsTr("Border") + showBackground: true SectionContainer { contentSpacing: Appearance.spacing.normal @@ -1547,6 +1558,7 @@ RowLayout { CollapsibleSection { id: backgroundSection title: qsTr("Background") + showBackground: true SwitchRow { label: qsTr("Desktop clock") |