animations: new curve

.config/quickshell/modules/sidebarLeft/anime/BooruImage.qml

@@ -69,6 +69,8 @@ Button {
             source: modelData.preview_url
             width: root.rowHeight * modelData.aspect_ratio
             height: root.rowHeight
+            visible: opacity > 0
+            opacity: status === Image.Ready ? 1 : 0
 
             layer.enabled: true
             layer.effect: OpacityMask {
@@ -78,6 +80,14 @@ Button {
                     radius: Appearance.rounding.small
                 }
             }
+
+            Behavior on opacity {
+                NumberAnimation {
+                    duration: Appearance.animation.elementMoveFast.duration
+                    easing.type: Appearance.animation.elementMoveFast.type
+                    easing.bezierCurve: Appearance.animation.elementMoveFast.bezierCurve
+                }
+            }
         }
 
         Button {
@@ -111,7 +121,8 @@ Button {
 
         Rectangle {
             id: contextMenu
-            visible: root.showActions
+            opacity: root.showActions ? 1 : 0
+            visible: opacity > 0
             radius: Appearance.rounding.small
             color: Appearance.m3colors.m3surfaceContainer
             anchors.top: menuButton.bottom
@@ -120,6 +131,14 @@ Button {
             implicitHeight: contextMenuColumnLayout.implicitHeight + radius * 2
             implicitWidth: contextMenuColumnLayout.implicitWidth
 
+            Behavior on opacity {
+                NumberAnimation {
+                    duration: Appearance.animation.elementMoveFast.duration
+                    easing.type: Appearance.animation.elementMoveFast.type
+                    easing.bezierCurve: Appearance.animation.elementMoveFast.bezierCurve
+                }
+            }
+
             ColumnLayout {
                 id: contextMenuColumnLayout
                 anchors.centerIn: parent
@@ -159,5 +178,25 @@ Button {
             }
         }
 
+        DropShadow {
+            opacity: root.showActions ? 1 : 0
+            visible: opacity > 0
+            anchors.fill: contextMenu
+            source: contextMenu
+            radius: Appearance.sizes.elevationMargin
+            samples: radius * 2 + 1
+            color: Appearance.colors.colShadow
+            verticalOffset: 2
+            horizontalOffset: 0
+
+            Behavior on opacity {
+                NumberAnimation {
+                    duration: Appearance.animation.elementMoveFast.duration
+                    easing.type: Appearance.animation.elementMoveFast.type
+                    easing.bezierCurve: Appearance.animation.elementMoveFast.bezierCurve
+                }
+            }
+        }
+
     }
 }

.config/quickshell/modules/sidebarLeft/anime/BooruResponse.qml

@@ -105,14 +105,16 @@ Rectangle {
 
             Behavior on height {
                 NumberAnimation {
-                    duration: Appearance.animation.elementDecel.duration
-                    easing.type: Appearance.animation.elementDecel.type
+                    duration: Appearance.animation.elementMove.duration
+                    easing.type: Appearance.animation.elementMove.type
+                    easing.bezierCurve: Appearance.animation.elementMove.bezierCurve
                 }
             }
             Behavior on implicitHeight {
                 NumberAnimation {
-                    duration: Appearance.animation.elementDecel.duration
-                    easing.type: Appearance.animation.elementDecel.type
+                    duration: Appearance.animation.elementMove.duration
+                    easing.type: Appearance.animation.elementMove.type
+                    easing.bezierCurve: Appearance.animation.elementMove.bezierCurve
                 }
             }