diff options
| author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2016-10-28 21:41:05 +0500 |
|---|---|---|
| committer | Corey Hulen <corey@hulen.com> | 2016-10-28 09:41:05 -0700 |
| commit | fcf7d185f6ce0ff0a0719779261a487755273147 (patch) | |
| tree | 51e519f3bebfdf9460d73ee6f18b5f76b2af42b9 /webapp | |
| parent | 87a3daf9a6469b666437b56bd32b06f5a70e0ce8 (diff) | |
| download | chat-fcf7d185f6ce0ff0a0719779261a487755273147.tar.gz chat-fcf7d185f6ce0ff0a0719779261a487755273147.tar.bz2 chat-fcf7d185f6ce0ff0a0719779261a487755273147.zip | |
Minor UI fixes (#4372)
Diffstat (limited to 'webapp')
| -rw-r--r-- | webapp/sass/components/_modal.scss | 4 | ||||
| -rw-r--r-- | webapp/sass/responsive/_mobile.scss | 8 | ||||
| -rw-r--r-- | webapp/utils/utils.jsx | 2 |
3 files changed, 8 insertions, 6 deletions
diff --git a/webapp/sass/components/_modal.scss b/webapp/sass/components/_modal.scss index 0cc20fd2f..5f22c9a6a 100644 --- a/webapp/sass/components/_modal.scss +++ b/webapp/sass/components/_modal.scss @@ -500,11 +500,13 @@ .status-wrapper { + display: inline-block; + height: 32px; position: relative; &:after { border-radius: 100%; - bottom: 4px; + bottom: -2px; content: ''; display: block; height: 8px; diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index d862f46c8..3b65f0565 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -619,10 +619,10 @@ .settings-content { .section-edit { + padding-right: 0; position: absolute; + right: 15px; top: 14px; - right: 0; - padding-right: 0; .fa { display: inline-block; @@ -783,7 +783,7 @@ height: 100%; left: 0; overflow: auto; - padding-bottom: 140px; + padding: 1.4em 0 140px; position: fixed; top: 42px; width: 100%; @@ -811,7 +811,7 @@ border-bottom: 1px solid alpha-color($white, .3); color: $white; font-weight: 600; - line-height: 50px; + line-height: 35px; margin: 0 auto; text-align: center; width: 90%; diff --git a/webapp/utils/utils.jsx b/webapp/utils/utils.jsx index 03efe9cc6..f1b162c87 100644 --- a/webapp/utils/utils.jsx +++ b/webapp/utils/utils.jsx @@ -568,7 +568,7 @@ export function applyTheme(theme) { changeCss('@media(min-width: 768px){.app__body .post:hover .post__header .col__reply, .app__body .post.post--hovered .post__header .col__reply', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.2), 2); changeCss('.app__body .post .dropdown-menu a, .app__body .sidebar--left, .app__body .sidebar--right .sidebar--right__header, .app__body .suggestion-list__content .command', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.2), 1); changeCss('.app__body .post.post--system .post__body', 'color:' + changeOpacity(theme.centerChannelColor, 0.6), 1); - changeCss('.app__body .input-group-addon, .app__body .app__content, .app__body .post-create__container .post-create-body .btn-file, .app__body .post-create__container .post-create-footer .msg-typing, .app__body .suggestion-list__content .command, .app__body .modal .modal-content, .app__body .dropdown-menu, .app__body .popover, .app__body .mentions__name, .app__body .tip-overlay, .app__body .form-control[disabled], .app__body .form-control[readonly], .app__body fieldset[disabled] .form-control', 'color:' + theme.centerChannelColor, 1); + changeCss('.app__body .input-group-addon, .app__body .app__content, .app__body .post-create__container .post-create-body .btn-file, .app__body .post-create__container .post-create-footer .msg-typing, .app__body .suggestion-list__content .command, .app__body .modal .modal-content, .app__body .dropdown-menu a, .app__body .popover, .app__body .mentions__name, .app__body .tip-overlay, .app__body .form-control[disabled], .app__body .form-control[readonly], .app__body fieldset[disabled] .form-control', 'color:' + theme.centerChannelColor, 1); changeCss('.app__body .post .post__link', 'color:' + changeOpacity(theme.centerChannelColor, 0.65), 1); changeCss('.app__body #archive-link-home, .video-div .video-thumbnail__error', 'background:' + changeOpacity(theme.centerChannelColor, 0.15), 1); changeCss('.app__body #post-create', 'color:' + theme.centerChannelColor, 2); |