diff options
author | Reed Garmsen <rgarmsen2295@gmail.com> | 2015-07-07 13:10:11 -0700 |
---|---|---|
committer | Reed Garmsen <rgarmsen2295@gmail.com> | 2015-07-07 13:10:11 -0700 |
commit | 91511281c55ac9b7d3d8ce21d409905c2aec1955 (patch) | |
tree | eadf0141fa525d71234a94ae445cc2cf619c3437 /web/sass-files/sass/partials/_loading.scss | |
parent | 2be660f05dc895cb0378b06891a7e775fe4a44d9 (diff) | |
download | chat-91511281c55ac9b7d3d8ce21d409905c2aec1955.tar.gz chat-91511281c55ac9b7d3d8ce21d409905c2aec1955.tar.bz2 chat-91511281c55ac9b7d3d8ce21d409905c2aec1955.zip |
Changed loading logic for retrieving more channels to allow for loading animation to be inserted into the More... menu that allows you to join more channels while waiting for the list of channels to load
Diffstat (limited to 'web/sass-files/sass/partials/_loading.scss')
-rw-r--r-- | web/sass-files/sass/partials/_loading.scss | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/web/sass-files/sass/partials/_loading.scss b/web/sass-files/sass/partials/_loading.scss index 185a42180..a078d3563 100644 --- a/web/sass-files/sass/partials/_loading.scss +++ b/web/sass-files/sass/partials/_loading.scss @@ -66,3 +66,60 @@ } } } + +.channel-loading-screen { + position: absolute; + text-align: center; + padding: 2em 1em; +} + +.channel-loading-message { + .loading__content { + .round { + background-color: #444; + width: 4px; + height: 4px; + display: inline-block; + margin: 0 1px; + opacity: 0.1; + @include border-radius(10px); + -moz-animation: move 0.75s infinite linear; + -webkit-animation: move 0.75s infinite linear; + } + + #round_1 { + -moz-animation-delay: .2s; + -webkit-animation-delay: .2s; + } + + #round_2 { + -moz-animation-delay: .4s; + -webkit-animation-delay: .4s; + } + + #round_3 { + -moz-animation-delay: .6s; + -webkit-animation-delay: .6s; + } + + @-moz-keyframes move { + 0% { + opacity: 1; + } + + 100% { + opacity: 0.1; + }; + } + + @-webkit-keyframes move { + 0% { + opacity: 1; + } + + 100% { + opacity: 0.1; + }; + } + } +} |