From 21804899325ddfdf640788a5897e37d04b8f362d Mon Sep 17 00:00:00 2001 From: syuilo 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 ", - "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);