[Client] Update design
This commit is contained in:
parent
a92985122e
commit
db40d76690
@ -24,12 +24,14 @@
|
|||||||
display block
|
display block
|
||||||
position absolute
|
position absolute
|
||||||
z-index 2048
|
z-index 2048
|
||||||
|
margin-top -8px
|
||||||
width 250px
|
width 250px
|
||||||
background #fff
|
background #fff
|
||||||
background-clip content-box
|
background-clip content-box
|
||||||
border solid 1px rgba(0, 0, 0, 0.1)
|
border solid 1px rgba(0, 0, 0, 0.1)
|
||||||
border-radius 4px
|
border-radius 4px
|
||||||
overflow hidden
|
overflow hidden
|
||||||
|
opacity 0
|
||||||
|
|
||||||
> .banner
|
> .banner
|
||||||
height 84px
|
height 84px
|
||||||
@ -117,12 +119,11 @@
|
|||||||
this.update({
|
this.update({
|
||||||
user: user
|
user: user
|
||||||
});
|
});
|
||||||
|
this.open();
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
Velocity(this.root, {
|
this.open = () => {
|
||||||
opacity: 0,
|
|
||||||
'margin-top': '-8px'
|
|
||||||
}, 0);
|
|
||||||
Velocity(this.root, {
|
Velocity(this.root, {
|
||||||
opacity: 1,
|
opacity: 1,
|
||||||
'margin-top': 0
|
'margin-top': 0
|
||||||
@ -130,7 +131,7 @@
|
|||||||
duration: 200,
|
duration: 200,
|
||||||
easing: 'ease-out'
|
easing: 'ease-out'
|
||||||
});
|
});
|
||||||
});
|
};
|
||||||
|
|
||||||
this.close = () => {
|
this.close = () => {
|
||||||
Velocity(this.root, {
|
Velocity(this.root, {
|
||||||
|
Loading…
Reference in New Issue
Block a user