Animate new reaction button
This commit is contained in:
parent
98f067cda8
commit
24edb17347
1 changed files with 4 additions and 1 deletions
|
@ -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: {
|
||||||
|
|
Loading…
Reference in a new issue