From f79f607a47e4b833b9eadec44b9c94b5f21b66ef Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Fri, 4 Nov 2016 00:29:10 +0500 Subject: Updating UI fixes (#4437) --- webapp/sass/responsive/_desktop.scss | 12 +++++++ webapp/sass/responsive/_mobile.scss | 61 +++++++++--------------------------- webapp/sass/responsive/_tablet.scss | 51 ++++++++++++++++++++++++++++++ 3 files changed, 77 insertions(+), 47 deletions(-) (limited to 'webapp/sass/responsive') diff --git a/webapp/sass/responsive/_desktop.scss b/webapp/sass/responsive/_desktop.scss index 50df5ba02..f5deff302 100644 --- a/webapp/sass/responsive/_desktop.scss +++ b/webapp/sass/responsive/_desktop.scss @@ -75,6 +75,18 @@ } } +@media (max-width: 1024px) { + .inner-wrap { + &.move--left { + .channel-header { + .heading { + width: 100px; + } + } + } + } +} + @media (min-width: 992px) { .modal-lg { width: 700px; diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index cb25639c9..7c13de1ba 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -486,6 +486,20 @@ } .modal { + .nav-pills { + > li { + &.active { + a { + background: transparent; + + &:before { + display: none; + } + } + } + } + } + .info__label { padding-bottom: 5px; text-align: left; @@ -665,53 +679,6 @@ } } - .post-create__container { - form { - padding: .5em 0; - } - - .post-create-footer { - padding: 0 1em; - - .msg-typing { - display: none; - } - - .control-label { - top: 0; - } - } - - .post-create-body { - display: table; - width: 100%; - - .post-body__cell { - display: table-cell; - padding-left: 45px; - - .sidebar--right & { - padding-left: 0; - } - } - - .app__content & { - .btn-file { - bottom: -2px; - left: 0; - line-height: 36px; - padding: 0; - top: auto; - width: 45px; - } - } - - .send-button { - display: table-cell; - } - } - } - .file-preview__container { margin: 5px 0 0; } diff --git a/webapp/sass/responsive/_tablet.scss b/webapp/sass/responsive/_tablet.scss index 75cdf8ea9..52d7a6a77 100644 --- a/webapp/sass/responsive/_tablet.scss +++ b/webapp/sass/responsive/_tablet.scss @@ -7,6 +7,57 @@ width: 150px; } } + + .heading { + width: 130px; + } + } + + .post-create__container { + form { + padding: .5em 0; + } + + .post-create-footer { + padding: 0 1em; + + .msg-typing { + display: none; + } + + .control-label { + top: 0; + } + } + + .post-create-body { + display: table; + width: 100%; + + .post-body__cell { + display: table-cell; + padding-left: 45px; + + .sidebar--right & { + padding-left: 0; + } + } + + .app__content & { + .btn-file { + bottom: -2px; + left: 0; + line-height: 36px; + padding: 0; + top: auto; + width: 45px; + } + } + + .send-button { + display: table-cell; + } + } } .signup-team__container { -- cgit v1.2.3-1-g7c22