Merge pull request #13670 from ElderOrb/animate_get_more_avatars

Avatarapp: hover animation for 'get more avatars' button
This commit is contained in:
John Conklin II 2018-07-31 09:51:58 -07:00 committed by GitHub
commit 09d1964f1d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -682,6 +682,14 @@ Rectangle {
PropertyChanges { target: container; y: -5 } PropertyChanges { target: container; y: -5 }
PropertyChanges { target: favoriteAvatarImage; dropShadowRadius: 10 } PropertyChanges { target: favoriteAvatarImage; dropShadowRadius: 10 }
PropertyChanges { target: favoriteAvatarImage; dropShadowVerticalOffset: 6 } PropertyChanges { target: favoriteAvatarImage; dropShadowVerticalOffset: 6 }
},
State {
name: "getMoreAvatarsHovered"
when: getMoreAvatarsMouseArea.containsMouse;
PropertyChanges { target: getMoreAvatarsMouseArea; anchors.bottomMargin: -5 }
PropertyChanges { target: container; y: -5 }
PropertyChanges { target: getMoreAvatarsImage; dropShadowRadius: 10 }
PropertyChanges { target: getMoreAvatarsImage; dropShadowVerticalOffset: 6 }
} }
] ]
@ -741,6 +749,7 @@ Rectangle {
} }
ShadowRectangle { ShadowRectangle {
id: getMoreAvatarsImage
width: 92 width: 92
height: 92 height: 92
radius: 5 radius: 5
@ -756,7 +765,9 @@ Rectangle {
} }
MouseArea { MouseArea {
id: getMoreAvatarsMouseArea
anchors.fill: parent anchors.fill: parent
hoverEnabled: true
onClicked: { onClicked: {
popup.showBuyAvatars(function() { popup.showBuyAvatars(function() {