mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-10-31 23:31:48 +09:00
Code

[Clinet:Desktop] (Design) Fix bug

Browse Source
This commit is contained in:
syuilo 2017-03-21 18:15:21 +09:00
parent 48386a8f68
commit 3d4e3c1e88
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/web/app/desktop/tags/ui-notification.tag
View File

@ -5,7 +5,7 @@
display block display block
position fixed position fixed
z-index 10000 z-index 10000
top -64px top 0
left 0 left 0
right 0 right 0
margin 0 auto margin 0 auto
@ -14,6 +14,8 @@
background rgba(#fff, 0.9) background rgba(#fff, 0.9)
border-radius 0 0 8px 8px border-radius 0 0 8px 8px
box-shadow 0 2px 4px rgba(#000, 0.2) box-shadow 0 2px 4px rgba(#000, 0.2)
transform translateY(-64px)
opacity 0
> p > p
margin 0 margin 0
@ -26,16 +28,18 @@
this.on('mount', () => { this.on('mount', () => {
anime({ anime({
tagrets: this.root, targets: this.root,
top: '0px', opacity: 1,
translateY: [-64, 0],
duration: 500, duration: 500,
easing: 'easeOutQuad' easing: 'easeOutQuad'
}) });
setTimeout(() => { setTimeout(() => {
anime({ anime({
targets: this.root, targets: this.root,
top: '-64px', opacity: 0,
translateY: -64,
duration: 500, duration: 500,
easing: 'easeOutQuad', easing: 'easeOutQuad',
complete: () => this.unmount() complete: () => this.unmount()