From 24edb173471a9007ef930a42b496c9b8e53167ee Mon Sep 17 00:00:00 2001
From: Sebastian Wolf <sebastian@ygriega.de>
Date: Sun, 26 Nov 2023 20:53:09 +0100
Subject: [PATCH] Animate new reaction button

---
 qml/components/MessageListViewItem.qml | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/qml/components/MessageListViewItem.qml b/qml/components/MessageListViewItem.qml
index 737a26d..c174da2 100644
--- a/qml/components/MessageListViewItem.qml
+++ b/qml/components/MessageListViewItem.qml
@@ -652,6 +652,8 @@ ListItem {
             Rectangle {
                 id: selectReactionBubble
                 visible: false
+                opacity: visible ? 0.5 : 0.0
+                Behavior on opacity { NumberAnimation {} }
                 anchors {
                     horizontalCenter: messageListItem.isOwnMessage ? messageBackground.left : messageBackground.right
                     verticalCenter: messageBackground.verticalCenter
@@ -660,12 +662,13 @@ ListItem {
                 width: Theme.itemSizeExtraSmall
                 color: Theme.primaryColor
                 radius: parent.width / 2
-                opacity: 0.5
             }
 
             IconButton {
                 id: selectReactionButton
                 visible: selectReactionBubble.visible
+                opacity: visible ? 1.0 : 0.0
+                Behavior on opacity { NumberAnimation {} }
                 icon.source: "image://theme/icon-s-favorite"
                 anchors.centerIn: selectReactionBubble
                 onClicked: {