From 7f48a7fc9d2238134414668e0b520115706b8b2d Mon Sep 17 00:00:00 2001
From: Joram Wilander <jwawilander@gmail.com>
Date: Thu, 15 Dec 2016 11:40:46 -0500
Subject: PLT-4815 Refactor 'More Channels' modal into the new modal pattern
 (#4742)

* Refactor 'More Channels' modal into the new modal pattern

* Fix unit test

* Readded CSS changes
---
 webapp/sass/responsive/_mobile.scss | 40 ++++++++++++++++---------------------
 1 file changed, 17 insertions(+), 23 deletions(-)

(limited to 'webapp/sass/responsive/_mobile.scss')

diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss
index d69569899..9d76f7010 100644
--- a/webapp/sass/responsive/_mobile.scss
+++ b/webapp/sass/responsive/_mobile.scss
@@ -75,12 +75,6 @@
     }
 
     .app__body {
-        .more-modal {
-            .filter-row {
-                width: 330px;
-            }
-        }
-
         .edit-modal-body {
             .custom-textarea {
                 max-height: 30vh;
@@ -1172,6 +1166,19 @@
 
 @media screen and (max-width: 640px) {
     .app__body {
+        .modal {
+            .more-modal {
+                .modal-body {
+                    max-height: calc(100vh - 62px);
+                    padding-bottom: 5px;
+                }
+
+                .more-modal__list {
+                    max-height: calc(100vh - 230px);
+                }
+            }
+        }
+
         .post {
             .open {
                 > .dropdown-menu__content {
@@ -1329,10 +1336,13 @@
 @media screen and (max-width: 550px) {
     .app__body {
         .more-modal {
+            .filter-row {
+                width: 100%;
+            }
+
             &.more-direct-channels {
                 .filter-row {
                     padding-bottom: 50px;
-                    width: 100%;
                 }
 
                 .member-show {
@@ -1391,22 +1401,6 @@
     }
 
     .app__body {
-        .more-modal {
-            .modal-body {
-                padding-bottom: 5px;
-            }
-
-            .more-modal__list {
-                max-height: calc(100vh - 260px);
-            }
-
-            &.more-direct-channels {
-                .more-modal__list {
-                    max-height: calc(100vh - 295px);
-                }
-            }
-        }
-
         .modal {
             &.more-channel__modal {
                 .more-modal__list {
-- 
cgit v1.2.3-1-g7c22