medvedych/harbour-fernschreiber
2
0
Fork 1
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity

Animate new reaction button

Browse source
This commit is contained in:
Sebastian Wolf 2023-11-26 20:53:09 +01:00 committed by Denis Fedoseev
parent 497bd78e58
commit 1c9fcac9cd
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
qml/components/MessageListViewItem.qml
View file

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