[scss.container] removed message stack apparition animation [vue.auth.channel] removed animation override
This commit is contained in:
parent
a99d82cae2
commit
7ac0f0e487
|
@ -112,7 +112,7 @@
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
transition: transform .1s ease-in-out;
|
transition: transform .1s ease-in-out;
|
||||||
animation: slide-list .3s cubic-bezier(.49, .4, .26, 1.93);
|
// animation: slide-list .3s cubic-bezier(.49, .4, .26, 1.93);
|
||||||
|
|
||||||
// {1} Meta Data //
|
// {1} Meta Data //
|
||||||
& > span.meta{
|
& > span.meta{
|
||||||
|
|
|
@ -108,14 +108,8 @@ export default {
|
||||||
|
|
||||||
|
|
||||||
/* (1) If new messages -> scroll to bottom */
|
/* (1) If new messages -> scroll to bottom */
|
||||||
if( stack_length > this.stack_length ){
|
if( stack_length > this.stack_length )
|
||||||
|
this.$refs.stack.scrollTop = this.$refs.stack.scrollHeight;
|
||||||
this.$refs.stack.scrollTop = 10000;
|
|
||||||
|
|
||||||
// manage overriding css animation
|
|
||||||
setTimeout( () => { this.$refs.stack.scrollTop = 10000 }, 300 );
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/* (2) If new messages -> update stack length */
|
/* (2) If new messages -> update stack length */
|
||||||
if( stack_length != this.stack_length )
|
if( stack_length != this.stack_length )
|
||||||
|
|
Loading…
Reference in New Issue