diff options
author | Asaad Mahmood <Unknowngi@live.com> | 2015-07-08 23:08:06 +0500 |
---|---|---|
committer | Asaad Mahmood <Unknowngi@live.com> | 2015-07-08 23:08:06 +0500 |
commit | de742baac09726fe2ef9f7274d260950a6828589 (patch) | |
tree | 509abbd84a49b3311a8d808a7d4573c493d1270f /web/sass-files/sass/partials/_loading.scss | |
parent | 235beeb82926abd79f032cecb5f7ddbb4ff72f8b (diff) | |
download | chat-de742baac09726fe2ef9f7274d260950a6828589.tar.gz chat-de742baac09726fe2ef9f7274d260950a6828589.tar.bz2 chat-de742baac09726fe2ef9f7274d260950a6828589.zip |
MM-1469 - Loading message in more channel modal
Diffstat (limited to 'web/sass-files/sass/partials/_loading.scss')
-rw-r--r-- | web/sass-files/sass/partials/_loading.scss | 64 |
1 files changed, 6 insertions, 58 deletions
diff --git a/web/sass-files/sass/partials/_loading.scss b/web/sass-files/sass/partials/_loading.scss index a078d3563..b47594daf 100644 --- a/web/sass-files/sass/partials/_loading.scss +++ b/web/sass-files/sass/partials/_loading.scss @@ -5,10 +5,15 @@ position: absolute; @include box-sizing(border-box); text-align: center; + &.loading-screen--channel { + position: relative; + padding: 4em 0 3.5em; + } .loading__content { display: table-cell; vertical-align: middle; h3 { + font-size: 16px; font-weight: 400; margin: 0 0.2em 0; display: inline-block; @@ -23,64 +28,7 @@ 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; - }; - } - } -} - -.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; + margin: 0; opacity: 0.1; @include border-radius(10px); -moz-animation: move 0.75s infinite linear; |