Briq
/
multiparty-meeting
7
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge pull request #18 from torjusti/fix/fade-in-load 

Fix fade-out animation running on page load
master
Stefan Otto 2018-07-17 13:06:05 +02:00 committed by GitHub
parent 977ffd9d24 bb022543a8
commit 2a8471f464
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 3 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/stylus/components/Me.styl
View File

@ -27,14 +27,11 @@
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
padding: 0.4vmin; padding: 0.4vmin;
visibility: hidden;
opacity: 0; opacity: 0;
animation: fade-out 0.3s; transition: opacity 0.3s;
&.visible { &.visible {
visibility: visible;
opacity: 1; opacity: 1;
animation: fade-in 0.3s;
} }
> .button { > .button {

5
app/stylus/components/Peer.styl
View File

@ -41,14 +41,11 @@
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
padding: 0.4vmin; padding: 0.4vmin;
visibility: hidden;
opacity: 0; opacity: 0;
animation: fade-out 0.3s; transition: opacity 0.3s;
&.visible { &.visible {
visibility: visible;
opacity: 1; opacity: 1;
animation: fade-in 0.3s;
} }
> .button { > .button {

1
app/stylus/index.styl
View File

@ -5,7 +5,6 @@ global-reset();
@import './mixins'; @import './mixins';
@import './fonts'; @import './fonts';
@import './reset'; @import './reset';
@import './keyframes';
html { html {
height: 100%; height: 100%;

23
app/stylus/keyframes.styl
View File

@ -1,23 +0,0 @@
@keyframes fade-in {
from {
opacity: 0;
visibility: hidden;
}
to {
opacity: 1;
visibility: visible;
}
}
@keyframes fade-out {
from {
opacity: 1;
visibility: visible;
}
to {
opacity: 0;
visibility: hidden;
}
}