diff options
Diffstat (limited to 'src/web')
| -rw-r--r-- | src/web/app/desktop/tags/ui-notification.tag | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/src/web/app/desktop/tags/ui-notification.tag b/src/web/app/desktop/tags/ui-notification.tag index f96762ec10..bb440184ce 100644 --- a/src/web/app/desktop/tags/ui-notification.tag +++ b/src/web/app/desktop/tags/ui-notification.tag @@ -5,7 +5,7 @@ display block position fixed z-index 10000 - top -64px + top 0 left 0 right 0 margin 0 auto @@ -14,6 +14,8 @@ background rgba(#fff, 0.9) border-radius 0 0 8px 8px box-shadow 0 2px 4px rgba(#000, 0.2) + transform translateY(-64px) + opacity 0 > p margin 0 @@ -26,16 +28,18 @@ this.on('mount', () => { anime({ - tagrets: this.root, - top: '0px', + targets: this.root, + opacity: 1, + translateY: [-64, 0], duration: 500, easing: 'easeOutQuad' - }) + }); setTimeout(() => { anime({ targets: this.root, - top: '-64px', + opacity: 0, + translateY: -64, duration: 500, easing: 'easeOutQuad', complete: () => this.unmount() |