Improve pageLoader animation

src/gui/Base/MultiviewPane.qml

@@ -14,6 +14,7 @@ HDrawer {
     property int buttonWidth:
         buttonRepeater.count > 0 ? buttonRepeater.itemAt(0).implicitWidth : 0
 
+    readonly property alias contentTranslation: contentTranslation
     readonly property alias buttonRepeater: buttonRepeater
     readonly property alias swipeView: swipeView
 
@@ -23,6 +24,7 @@ HDrawer {
 
     HColumnLayout {
         anchors.fill: parent
+        transform: Translate { id: contentTranslation }
 
         Rectangle {
             color: buttonsBackgroundColor

src/gui/PageLoader.qml

@@ -67,8 +67,8 @@ HLoader {
 
     clip: appearAnimation.running
 
-    onLoaded: { takeFocus(); appearAnimation.start() }
+    onLoaded: { takeFocus(); appearAnimation.restart() }
-    onRecycled: appearAnimation.start()
+    onRecycled: appearAnimation.restart()
 
     Component.onCompleted: {
         if (! py.startupAnyAccountsSaved) {
@@ -92,10 +92,10 @@ HLoader {
         id: appearAnimation
         target: pageLoader.item
         property: "x"
-        from: -300
+        from: -pageLoader.width
         to: 0
-        easing.type: Easing.OutBack
+        easing.type: Easing.OutCirc
-        duration: theme.animationDuration * 1.5
+        factor: 2
     }
 
     HShortcut {

src/gui/Pages/Chat/Chat.qml

@@ -39,6 +39,7 @@ Item {
     }
 
 
+    onPageIdentityChanged: if (roomPane) roomPane.appearAnimation.restart()
     onFocusChanged: if (focus && loader.item) loader.item.composer.takeFocus()
     onReadyChanged: longLoading = false
 
@@ -110,8 +111,22 @@ Item {
 
         sourceComponent: RoomPane {
             id: roomPane
+
+            readonly property alias appearAnimation: appearAnimation
+
             referenceSizeParent: chat
             maximumSize: chat.width - theme.minimumSupportedWidth * 1.5
+
+            HNumberAnimation {
+                id: appearAnimation
+                target: roomPane.contentTranslation
+                property: "x"
+                from: -chat.width + roomPane.width
+                to: 0
+                easing.type: Easing.OutCirc
+                factor: 2
+                running: true
+            }
         }
     }
 }