From cb76777fcec4aa6c4c3e09b16cced4317d6260bb Mon Sep 17 00:00:00 2001
From: Nicolas Werner <nicolas.werner@hotmail.de>
Date: Wed, 30 Mar 2022 19:19:39 +0200
Subject: [PATCH] Add delay to showing scroll down button

---
 resources/qml/MessageView.qml | 44 +++++++++++++++--------------------
 1 file changed, 19 insertions(+), 25 deletions(-)

diff --git a/resources/qml/MessageView.qml b/resources/qml/MessageView.qml
index ab0c9b1e..b20a1d88 100644
--- a/resources/qml/MessageView.qml
+++ b/resources/qml/MessageView.qml
@@ -763,7 +763,7 @@ Item {
             rightMargin: Nheko.paddingMedium+(fullWidth-width)/2
         }
         property int fullWidth: 40
-        width: fullWidth
+        width: 0
         height: width
         radius: width/2
         onClicked: chat.positionViewAtBeginning();
@@ -778,10 +778,17 @@ Item {
             radius: toEndButton.radius
         }
 
-        states: State {
-            name: "hidden"
-            when: chat.atYEnd
-        }
+        states: [
+            State {
+                name: ""
+                PropertyChanges { target: toEndButton; width: 0 }
+            },
+            State {
+                name: "shown"
+                when: !chat.atYEnd
+                PropertyChanges { target: toEndButton; width: toEndButton.fullWidth }
+            }
+        ]
 
         Image {
             id: buttonImg
@@ -791,33 +798,20 @@ Item {
             fillMode: Image.PreserveAspectFit
         }
 
-        transitions: [
-            Transition {
-                from: ""
-                to: "hidden"
+        transitions: Transition {
+            from: ""
+            to: "shown"
+            reversible: true
 
+            SequentialAnimation {
+                PauseAnimation { duration: 500 }
                 PropertyAnimation {
                     target: toEndButton
                     properties: "width"
                     easing.type: Easing.InOutQuad
-                    from: 40
-                    to: 0
-                    duration: 200
-                }
-            },
-            Transition {
-                from: "hidden"
-                to: ""
-
-                PropertyAnimation {
-                    target: toEndButton
-                    properties: "width"
-                    easing.type: Easing.InOutQuad
-                    from: 0
-                    to: 40
                     duration: 200
                 }
             }
-        ]
+        }
     }
 }