From 7f911d1632b37e0a84cb9fdfe604d0efd1b14538 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Tue, 29 Nov 2016 22:10:20 +0500 Subject: Multiple UI improvements (#4671) PLT-4638 - Removing close buttons from modals Updating UI for filter and search on mobile Reverting utils --- webapp/sass/responsive/_mobile.scss | 45 ++++++++++++++++++++++++++++--------- 1 file changed, 34 insertions(+), 11 deletions(-) (limited to 'webapp/sass/responsive/_mobile.scss') diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index 25d95df46..dc55d2d54 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -85,8 +85,13 @@ } .app__body { - .edit-modal-body { + .more-modal { + .filter-row { + width: 330px; + } + } + .edit-modal-body { .custom-textarea { max-height: 30vh; } @@ -160,16 +165,6 @@ } } - .member-select__container { - margin-bottom: 10px; - margin-top: 10px; - overflow: hidden; - position: relative; - right: 10px; - top: 0; - width: 100%; - } - .user-popover { pointer-events: none; } @@ -1334,6 +1329,34 @@ } } +@media screen and (max-width: 550px) { + .app__body { + .more-modal { + &.more-direct-channels { + .filter-row { + padding-bottom: 50px; + width: 100%; + } + + .member-show { + display: none; + } + + select { + margin: 0; + width: 100%; + } + } + } + } + + .member-select__container { + left: 15px; + top: 60px; + width: calc(100% - 30px); + } +} + @media screen and (max-width: 480px) { .sidebar--right { .post { -- cgit v1.2.3-1-g7c22