diff --git a/web/react/components/post_body.jsx b/web/react/components/post_body.jsx index 77a8fd7b5f..7abf388388 100644 --- a/web/react/components/post_body.jsx +++ b/web/react/components/post_body.jsx @@ -63,7 +63,7 @@ module.exports = React.createClass({ var loading; if (post.state === Constants.POST_FAILED) { postClass += " post-fail"; - loading = Retry; + loading = Retry; } else if (post.state === Constants.POST_LOADING) { postClass += " post-waiting"; loading = ; diff --git a/web/react/components/post_right.jsx b/web/react/components/post_right.jsx index 364cbf1b32..decb5fc2dd 100644 --- a/web/react/components/post_right.jsx +++ b/web/react/components/post_right.jsx @@ -191,7 +191,7 @@ CommentPost = React.createClass({ var postClass = ''; if (post.state === Constants.POST_FAILED) { postClass += ' post-fail'; - loading = Retry; + loading = Retry; } else if (post.state === Constants.POST_LOADING) { postClass += ' post-waiting'; loading = ; diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index 1beebeac64..e665be6b9c 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -315,6 +315,21 @@ body.ios { font-size: 0.97em; white-space: pre-wrap; } + + .post-loading-gif { + height:10px; + width:10px; + margin-top:6px; + } + + .post-fail { + color: #D58A8A; + } + + .post-waiting { + color: #999; + } + .comment-icon__container { margin-left: 7px; fill: $primary-color; @@ -461,21 +476,3 @@ body.ios { } } } - -.post-waiting { - color:lightgrey; -} - -.post-loading-gif { - height:10px; - width:10px; - margin-top:6px; -} - -.post-fail { - color:red; -} - -.post-retry { - color:darkgrey; -}