[notifications] animation on "close notification"

Change-Id: I0d89ffa51300869ad1699c12f3313288f038e63b
Reviewed-by: Egor Nemtsev <enemtsev@luxoft.com>

1 files changed, 8 insertions, 1 deletions

diff --git a/sysui/notification/NotificationCenter.qml b/sysui/notification/NotificationCenter.qml
index 21af195d..3be8d38b 100644
--- a/sysui/notification/NotificationCenter.qml
+++ b/sysui/notification/NotificationCenter.qml
@@ -258,8 +258,15 @@ Item {
                 notificationSubtext: model.body
                 notificationImage: model.image
                 notificationActionText: model.actions.length > 0 ? model.actions[0].actionText : ""
+                Behavior on height { DefaultNumberAnimation { duration: 300 } }
+                Behavior on opacity { DefaultNumberAnimation { duration: 200 } }
+                onHeightChanged: {
+                    if (height == 0)
+                        root.notificationModel.removeNotification(model.id);
+                }
                 onCloseClicked: {
-                    root.notificationModel.removeNotification(model.id);
+                    opacity = 0;
+                    height = 0;
                 }
                 onButtonClicked: {
                     root.notificationModel.buttonClicked(model.id);