From cc519e9f601b2eddd49b9b093d7db838306d4e3b Mon Sep 17 00:00:00 2001
From: end-4 <97237370+end-4@users.noreply.github.com>
Date: Fri, 14 Nov 2025 22:46:11 +0100
Subject: [PATCH] background: make switching between clock stylies less janky

---
 .../.config/quickshell/ii/modules/common/widgets/FadeLoader.qml | 2 ++
 .../ii/modules/ii/background/widgets/clock/ClockWidget.qml      | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/dots/.config/quickshell/ii/modules/common/widgets/FadeLoader.qml b/dots/.config/quickshell/ii/modules/common/widgets/FadeLoader.qml
index aaa2753f8..f5064939b 100644
--- a/dots/.config/quickshell/ii/modules/common/widgets/FadeLoader.qml
+++ b/dots/.config/quickshell/ii/modules/common/widgets/FadeLoader.qml
@@ -6,11 +6,13 @@ import qs.modules.common.widgets
 Loader {
     id: root
     property bool shown: true
+    property alias fade: opacityBehavior.enabled
     opacity: shown ? 1 : 0
     visible: opacity > 0
     active: opacity > 0
 
     Behavior on opacity {
+        id: opacityBehavior
         animation: Appearance.animation.elementMoveFast.numberAnimation.createObject(this)
     }
 }
diff --git a/dots/.config/quickshell/ii/modules/ii/background/widgets/clock/ClockWidget.qml b/dots/.config/quickshell/ii/modules/ii/background/widgets/clock/ClockWidget.qml
index 2c58b19f7..97e1e468a 100644
--- a/dots/.config/quickshell/ii/modules/ii/background/widgets/clock/ClockWidget.qml
+++ b/dots/.config/quickshell/ii/modules/ii/background/widgets/clock/ClockWidget.qml
@@ -44,6 +44,7 @@ AbstractBackgroundWidget {
             id: cookieClockLoader
             anchors.horizontalCenter: parent.horizontalCenter
             shown: root.clockStyle === "cookie" && (root.shouldShow)
+            fade: false
             sourceComponent: Column {
                 spacing: 10
                 CookieClock {
@@ -61,6 +62,7 @@ AbstractBackgroundWidget {
             id: digitalClockLoader
             anchors.horizontalCenter: parent.horizontalCenter
             shown: root.clockStyle === "digital" && (root.shouldShow)
+            fade: false
             sourceComponent: ColumnLayout {
                 id: clockColumn
                 spacing: 6