diff options
author | asaadmahmoodspin <asaad@battlehouse.com> | 2015-07-08 22:39:44 +0500 |
---|---|---|
committer | asaadmahmoodspin <asaad@battlehouse.com> | 2015-07-08 22:39:44 +0500 |
commit | c721a3deace26222d96f3b6e1dcba9efba803997 (patch) | |
tree | b82294d6327f5eecfd921568c92f511eafeb68c4 /web/sass-files/sass/partials/_loading.scss | |
parent | 37fbd62a7c47261f1d922844faaa2c96cce5f0d6 (diff) | |
parent | ff4b94f02b038bf754ba3fcb00b7dd2a421a2d71 (diff) | |
download | chat-c721a3deace26222d96f3b6e1dcba9efba803997.tar.gz chat-c721a3deace26222d96f3b6e1dcba9efba803997.tar.bz2 chat-c721a3deace26222d96f3b6e1dcba9efba803997.zip |
Merge pull request #1 from rgarmsen2295/mm-1469
MM-1469 Added loading animation logic to the "Get More Channels Menu" ("More...")
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; + }; + } + } +} |