From fcf7d185f6ce0ff0a0719779261a487755273147 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Fri, 28 Oct 2016 21:41:05 +0500 Subject: Minor UI fixes (#4372) --- webapp/sass/components/_modal.scss | 4 +++- webapp/sass/responsive/_mobile.scss | 8 ++++---- webapp/utils/utils.jsx | 2 +- 3 files changed, 8 insertions(+), 6 deletions(-) (limited to 'webapp') 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); -- cgit v1.2.3-1-g7c22