diff --git a/app/assets/images/spinner_96_w.gif b/app/assets/images/spinner_96_w.gif deleted file mode 100644 index 11e6162e4cd..00000000000 Binary files a/app/assets/images/spinner_96_w.gif and /dev/null differ diff --git a/app/assets/stylesheets/common/base/compose.scss b/app/assets/stylesheets/common/base/compose.scss index 381e96113af..4d8da67c11d 100644 --- a/app/assets/stylesheets/common/base/compose.scss +++ b/app/assets/stylesheets/common/base/compose.scss @@ -135,4 +135,29 @@ div.ac-wrap { } } +#reply-control { + .spinner { + position: absolute; + @include fades-in(0.25s); + left: 250px; + top: 95px; + height: 100px; + width: 70px; + height: 70px; + text-indent: -9999em; + background: { + image: image-url("spinner_96.gif"); + repeat: no-repeat; + size: 35px; + position: 17px 17px; + }; + } + &.loading { + .spinner { + z-index: 1000; + @include visible; + } + } + +} diff --git a/app/assets/stylesheets/desktop/compose.scss b/app/assets/stylesheets/desktop/compose.scss index 152c91dd8e9..7bbfa280360 100644 --- a/app/assets/stylesheets/desktop/compose.scss +++ b/app/assets/stylesheets/desktop/compose.scss @@ -178,28 +178,6 @@ } } } - .spinner { - position: absolute; - @include fades-in(0.25s); - left: 250px; - top: 95px; - height: 100px; - width: 70px; - height: 70px; - text-indent: -9999em; - background: { - image: image-url("spinner_96.gif"); - repeat: no-repeat; - size: 35px; - position: 17px 17px; - }; - } - &.loading { - .spinner { - z-index: 1000; - @include visible; - } - } .reply-area { max-width: 1500px; margin-left: auto; diff --git a/app/assets/stylesheets/mobile/compose.scss b/app/assets/stylesheets/mobile/compose.scss index 96de8476c06..048f2985565 100644 --- a/app/assets/stylesheets/mobile/compose.scss +++ b/app/assets/stylesheets/mobile/compose.scss @@ -117,35 +117,6 @@ display: none; } } } - .spinner { - position: absolute; - @include fades-in(0.25s); - @include border-radius-all(10px); - left: 250px; - top: 95px; - height: 100px; - width: 70px; - height: 70px; - text-indent: -9999em; - background: { - color: #000; - image: image-url("spinner_96_w.gif"); - repeat: no-repeat; - size: 35px; - position: 17px 17px; - }; - } - &.loading { - .spinner { - z-index: 1000; - @include visible; - } - } - .reply-area { - max-width: 1500px; - margin-right: auto; - float: none; - } // if this is a new topic, make room for the category field in the editor on // a small screen mobile device