background: add vertical parallax

.config/quickshell/ii/modules/background/Background.qml

@@ -161,22 +161,34 @@ Variants {
             Behavior on opacity {
                 animation: Appearance.animation.elementMoveEnter.numberAnimation.createObject(this)
             }
-            property real value // 0 to 1, for offset
             cache: false
             asynchronous: true
-            value: {
+            // Range = groups that workspaces span on
-                // Range = groups that workspaces span on
+            property int chunkSize: Config?.options.bar.workspaces.shown ?? 10;
-                const chunkSize = Config?.options.bar.workspaces.shown ?? 10;
+            property int lower: Math.floor(bgRoot.firstWorkspaceId / chunkSize) * chunkSize;
-                const lower = Math.floor(bgRoot.firstWorkspaceId / chunkSize) * chunkSize;
+            property int upper: Math.ceil(bgRoot.lastWorkspaceId / chunkSize) * chunkSize;
-                const upper = Math.ceil(bgRoot.lastWorkspaceId / chunkSize) * chunkSize;
+            property int range: upper - lower;
-                const range = upper - lower;
+            property real valueX: {
-                return (Config.options.background.parallax.enableWorkspace ? ((bgRoot.monitor.activeWorkspace?.id - lower) / range) : 0.5)
+                let result = 0.5;
-                    + (0.15 * GlobalStates.sidebarRightOpen * Config.options.background.parallax.enableSidebar)
+                if (Config.options.background.parallax.enableWorkspace && !Config.options.background.parallax.vertical) {
-                    - (0.15 * GlobalStates.sidebarLeftOpen * Config.options.background.parallax.enableSidebar)
+                    result = ((bgRoot.monitor.activeWorkspace?.id - lower) / range);
+                }
+                if (Config.options.background.parallax.enableSidebar) {
+                    result += (0.15 * GlobalStates.sidebarRightOpen - 0.15 * GlobalStates.sidebarLeftOpen);
+                }
+                return result;
             }
-            property real effectiveValue: Math.max(0, Math.min(1, value))
+            property real valueY: {
-            x: -(bgRoot.movableXSpace) - (effectiveValue - 0.5) * 2 * bgRoot.movableXSpace
+                let result = 0.5;
-            y: -(bgRoot.movableYSpace)
+                if (Config.options.background.parallax.enableWorkspace && Config.options.background.parallax.vertical) {
+                    result = ((bgRoot.monitor.activeWorkspace?.id - lower) / range);
+                }
+                return result;
+            }
+            property real effectiveValueX: Math.max(0, Math.min(1, valueX))
+            property real effectiveValueY: Math.max(0, Math.min(1, valueY))
+            x: -(bgRoot.movableXSpace) - (effectiveValueX - 0.5) * 2 * bgRoot.movableXSpace
+            y: -(bgRoot.movableYSpace) - (effectiveValueY - 0.5) * 2 * bgRoot.movableYSpace
             source: bgRoot.wallpaperPath
             fillMode: Image.PreserveAspectCrop
             Behavior on x {
@@ -185,6 +197,12 @@ Variants {
                     easing.type: Easing.OutCubic
                 }
             }
+            Behavior on y {
+                NumberAnimation {
+                    duration: 600
+                    easing.type: Easing.OutCubic
+                }
+            }
             sourceSize {
                 width: bgRoot.screen.width * bgRoot.effectiveWallpaperScale
                 height: bgRoot.screen.height * bgRoot.effectiveWallpaperScale

.config/quickshell/ii/modules/common/Config.qml

@@ -122,6 +122,7 @@ Singleton {
                 property string wallpaperPath: ""
                 property string thumbnailPath: ""
                 property JsonObject parallax: JsonObject {
+                    property bool vertical: false
                     property bool enableWorkspace: true
                     property real workspaceZoom: 1.07 // Relative to your screen, not wallpaper size
                     property bool enableSidebar: true

.config/quickshell/ii/modules/settings/StyleConfig.qml

@@ -212,6 +212,14 @@ ContentPage {
         ContentSubsection {
             title: Translation.tr("Wallpaper parallax")
 
+            ConfigSwitch {
+                text: Translation.tr("Vertical")
+                checked: Config.options.background.parallax.vertical
+                onCheckedChanged: {
+                    Config.options.background.parallax.vertical = checked;
+                }
+            }
+
             ConfigRow {
                 uniform: true
                 ConfigSwitch {