Fix event animation

Widgets/CenterCommandCenter/EventsWidget.qml

@@ -136,7 +136,8 @@ Rectangle {
         anchors.bottom: parent.bottom
         anchors.margins: theme.spacingL
         anchors.topMargin: theme.spacingM
-        visible: hasEvents
+        visible: opacity > 0
+        opacity: hasEvents ? 1.0 : 0.0
         clip: true
         spacing: theme.spacingS
         boundsMovement: Flickable.StopAtBounds
@@ -146,6 +147,13 @@ Rectangle {
             policy: eventsList.contentHeight > eventsList.height ? ScrollBar.AsNeeded : ScrollBar.AlwaysOff
         }
         
+        Behavior on opacity {
+            NumberAnimation {
+                duration: theme.mediumDuration
+                easing.type: theme.emphasizedEasing
+            }
+        }
+        
         delegate: Rectangle {
             width: eventsList.width
             height: eventContent.implicitHeight + theme.spacingM