[vlc-commits] qml: fix play button hover animation

[Fatih Uzunoglu]

vlc | branch: master | Fatih Uzunoglu <fuzun54 at outlook.com> | Fri Nov 20 21:32:35 2020 +0300| [5dde965275d1655384e22c5e95f675353258f200] | committer: Pierre Lamot

qml: fix play button hover animation

this fixes the animation issue that occurs when Qt 5.15 is used

Signed-off-by: Pierre Lamot <pierre at videolabs.io>

> http://git.videolan.org/gitweb.cgi/vlc.git/?a=commit;h=5dde965275d1655384e22c5e95f675353258f200
---

 modules/gui/qt/player/qml/ControlButtons.qml | 25 +++++++++++--------------
 1 file changed, 11 insertions(+), 14 deletions(-)

diff --git a/modules/gui/qt/player/qml/ControlButtons.qml b/modules/gui/qt/player/qml/ControlButtons.qml
index b5a34d3761..244ee030e9 100644
--- a/modules/gui/qt/player/qml/ControlButtons.qml
+++ b/modules/gui/qt/player/qml/ControlButtons.qml
@@ -301,27 +301,24 @@ Item{
                         State {
                             name: "opaque"
                             when: innerColorRect.stateIndicator
+                            PropertyChanges {
+                                target: innerColorRect
+                                opacity: 1.0
+                            }
                         },
                         State {
                             name: "transparent"
                             when: !innerColorRect.stateIndicator
+                            PropertyChanges {
+                                target: innerColorRect
+                                opacity: 0
+                            }
                         }
                     ]
 
-                    transitions: [
-                        Transition {
-                            from: "opaque"
-                            to: "transparent"
-
-                            NumberAnimation { target: innerColorRect; properties: "opacity"; to: 0; duration: 75; easing.type: Easing.OutSine }
-                        },
-                        Transition {
-                            from: "transparent"
-                            to: "opaque"
-
-                            NumberAnimation { target: innerColorRect; properties: "opacity"; to: 1; duration: 75; easing.type: Easing.InSine }
-                        }
-                    ]
+                    transitions: Transition {
+                        NumberAnimation { properties: "opacity"; duration: 75; easing.type: Easing.InOutSine }
+                    }
 
                     antialiasing: true
                 }