From 21804899325ddfdf640788a5897e37d04b8f362d Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Tue, 21 Mar 2017 21:38:08 +0900
Subject: [PATCH] [Client:Desktop] Better animation

---
 package.json                                 | 2 +-
 src/web/app/desktop/tags/ui-notification.tag | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index a7ea09c35..374618b8e 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "misskey",
   "author": "syuilo <i@syuilo.com>",
-  "version": "0.0.1413",
+  "version": "0.0.1414",
   "license": "MIT",
   "description": "A miniblog-based SNS",
   "bugs": "https://github.com/syuilo/misskey/issues",
diff --git a/src/web/app/desktop/tags/ui-notification.tag b/src/web/app/desktop/tags/ui-notification.tag
index bb440184c..f39d766d8 100644
--- a/src/web/app/desktop/tags/ui-notification.tag
+++ b/src/web/app/desktop/tags/ui-notification.tag
@@ -5,10 +5,11 @@
 			display block
 			position fixed
 			z-index 10000
-			top 0
+			top -128px
 			left 0
 			right 0
 			margin 0 auto
+			padding 128px 0 0 0
 			width 500px
 			color rgba(#000, 0.6)
 			background rgba(#fff, 0.9)
@@ -31,8 +32,8 @@
 				targets: this.root,
 				opacity: 1,
 				translateY: [-64, 0],
-				duration: 500,
-				easing: 'easeOutQuad'
+				easing: 'easeOutElastic',
+				duration: 500
 			});
 
 			setTimeout(() => {
@@ -41,7 +42,7 @@
 					opacity: 0,
 					translateY: -64,
 					duration: 500,
-					easing: 'easeOutQuad',
+					easing: 'easeInElastic',
 					complete: () => this.unmount()
 				});
 			}, 6000);