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 a7ea09c351..374618b8ec 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 bb440184ce..f39d766d8c 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);