Merge branch 'main' into module/wifi

Modules/Settings/Common/PageBase.qml

@@ -149,7 +149,7 @@ ColumnLayout {
 		}
 	}
 
-	VerticalFadeFlickable {
+	CustomFlickable {
 		id: flickable
 
 		Layout.fillHeight: true
@@ -158,7 +158,8 @@ ColumnLayout {
 
 		bottomMargin: Tokens.padding.extraLarge
 		topMargin: Tokens.padding.large
-		fadeAmount: 0.1
+		clip: true
+		// fadeAmount: 0.1
 
 		contentHeight: root.contentChild?.implicitHeight ?? 0
 		contentItem.children: [root.contentChild]

Modules/Settings/Common/WallItem.qml

@@ -25,7 +25,7 @@ Item {
 		anchors.fill: parent
 		spacing: Tokens.spacing.small
 
-		CustomClippingRect {
+		ClipRect {
 			id: imgWrapper
 
 			Layout.fillWidth: true

Modules/Settings/Common/WallpaperCropper.qml

@@ -100,16 +100,13 @@ Item {
 	visible: opacity > 0
 
 	Behavior on opacity {
-		Anim {
-		}
+		Anim {}
 	}
 	Behavior on scale {
-		Anim {
-		}
+		Anim {}
 	}
 	Behavior on y {
-		Anim {
-		}
+		Anim {}
 	}
 
 	Component.onCompleted: {
@@ -120,9 +117,8 @@ Item {
 		Qt.callLater(syncCropToScreen);
 	}
 
-	ButtonRow {
-		id: screenSelector
-
+	Loader {
+		id: selectorLoader
 		anchors.bottom: imageSlot.top
 		anchors.bottomMargin: Tokens.spacing.medium
 		anchors.left: parent.left
@@ -130,25 +126,32 @@ Item {
 		anchors.right: parent.right
 		anchors.rightMargin: Tokens.padding.extraLarge * 2
 		anchors.top: parent.top
-		spacing: Tokens.spacing.small
 
-		Repeater {
-			model: wrapper.screens
+		active: wrapper.screens.length > 1
 
-			delegate: TextButton {
-				required property int index
-				readonly property bool isCurrent: wrapper.selectedScreenIndex === index
-				required property var modelData
+		sourceComponent: ButtonRow {
+			id: screenSelector
 
-				fillWidth: true
-				font: Tokens.font.body.builders.large.weight(Font.DemiBold).build()
-				inactiveColor: isCurrent ? Colors.palette.m3primary : Qt.alpha(Colors.palette.m3surfaceContainer, 0.7)
-				inactiveOnColor: isCurrent ? Colors.palette.m3onPrimary : Qt.alpha(Colors.palette.m3onSurface, 0.7)
-				isRound: true
-				shapeMorph: true
-				text: modelData.name
+			spacing: Tokens.spacing.small
 
-				onClicked: wrapper.selectScreen(index)
+			Repeater {
+				model: wrapper.screens
+
+				delegate: TextButton {
+					required property int index
+					readonly property bool isCurrent: wrapper.selectedScreenIndex === index
+					required property var modelData
+
+					fillWidth: true
+					font: Tokens.font.body.builders.large.weight(Font.DemiBold).build()
+					inactiveColor: isCurrent ? Colors.palette.m3primary : Qt.alpha(Colors.palette.m3surfaceContainer, 0.7)
+					inactiveOnColor: isCurrent ? Colors.palette.m3onPrimary : Qt.alpha(Colors.palette.m3onSurface, 0.7)
+					isRound: true
+					shapeMorph: true
+					text: modelData.name
+
+					onClicked: wrapper.selectScreen(index)
+				}
 			}
 		}
 	}
@@ -222,9 +225,9 @@ Item {
 		anchors.left: parent.left
 		anchors.right: parent.right
 		anchors.top: parent.top
-		anchors.topMargin: wrapper.buttonRowHeight + Tokens.spacing.medium
+		anchors.topMargin: selectorLoader.active ? wrapper.buttonRowHeight + Tokens.spacing.medium : Tokens.spacing.medium
 
-		CustomClippingRect {
+		ClipRect {
 			id: fitBox
 
 			readonly property real aspect: scaledImg.implicitHeight > 0 ? scaledImg.implicitWidth / scaledImg.implicitHeight : 1
@@ -357,8 +360,7 @@ Item {
 						width: Math.round(baseWidth / zoom)
 
 						Behavior on color {
-							CAnim {
-							}
+							CAnim {}
 						}
 
 						Component.onCompleted: {

Modules/Settings/Content.qml

@@ -6,7 +6,7 @@ import qs.Components
 import ZShell.Config
 import qs.Services
 
-CustomClippingRect {
+Item {
 	id: root
 
 	property color blobColor: Colors.tPalette.m3surfaceContainerLow
@@ -21,7 +21,6 @@ CustomClippingRect {
 
 	implicitHeight: sState.screen.height * 0.7
 	implicitWidth: implicitHeight * ratio
-	radius: Tokens.rounding.largeIncreased + Tokens.padding.small
 
 	Behavior on blobColor {
 		CAnim {}
@@ -39,6 +38,7 @@ CustomClippingRect {
 	}
 
 	BlobInvertedRect {
+		id: blobRect
 		anchors.fill: parent
 		borderBottom: Tokens.padding.small
 		borderLeft: navPane.width + navPane.anchors.margins * 2
@@ -46,6 +46,8 @@ CustomClippingRect {
 		borderTop: Tokens.padding.small
 		group: blobGroup
 		opacity: root.blobColor.a
+		// outerRadius: 10
+		outerRadius: Tokens.rounding.largeIncreased + Tokens.padding.small
 		radius: Tokens.rounding.largeIncreased
 	}
 
@@ -64,6 +66,7 @@ CustomClippingRect {
 		anchors.bottom: parent.bottom
 		anchors.left: navPane.right
 		anchors.leftMargin: navPane.anchors.margins + anchors.margins
+		anchors.bottomMargin: blobRect.borderBottom
 		anchors.margins: Tokens.padding.extraLarge
 		anchors.right: parent.right
 		anchors.top: parent.top

Modules/Settings/Wrapper.qml

@@ -2,8 +2,9 @@ pragma ComponentBehavior: Bound
 
 import Quickshell
 import QtQuick
-import qs.Components
 import ZShell.Config
+import ZShell.Components
+import qs.Components
 
 Item {
 	id: root
@@ -27,21 +28,17 @@ Item {
 		}
 	}
 
-	CustomClippingRect {
-		anchors.fill: parent
+	Loader {
+		id: content
 
-		Loader {
-			id: content
+		active: root.shouldBeActive || root.visible
+		anchors.bottom: parent.bottom
+		anchors.horizontalCenter: parent.horizontalCenter
 
-			active: root.shouldBeActive || root.visible
-			anchors.bottom: parent.bottom
-			anchors.horizontalCenter: parent.horizontalCenter
-
-			sourceComponent: Content {
-				sState.animatingContainer: content.opacity < 1
-				sState.currentPageIdx: ["wallpaper"].indexOf(root.queuedMode)
-				sState.screen: root.screen
-			}
+		sourceComponent: Content {
+			sState.animatingContainer: content.opacity < 1
+			sState.currentPageIdx: ["wallpaper"].indexOf(root.queuedMode)
+			sState.screen: root.screen
 		}
 	}
 }