From c5a0ac8c6a5a9dea001f975ac35445b4701a3b2b Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Fri, 28 Oct 2016 01:49:32 +0500
Subject: Shift UI changes (#4353)

* Shift UI changes

* Reverting config.json
---
 webapp/sass/responsive/_mobile.scss | 89 ++++++++++++++++++++-----------------
 1 file changed, 48 insertions(+), 41 deletions(-)

(limited to 'webapp/sass/responsive')

diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss
index b8d54715a..d862f46c8 100644
--- a/webapp/sass/responsive/_mobile.scss
+++ b/webapp/sass/responsive/_mobile.scss
@@ -1149,35 +1149,59 @@
 }
 
 @media screen and (max-width: 640px) {
-    .post-list__table {
-        .post-list__content {
+    .app__body {
+        .post {
+            .open {
+                > .dropdown-menu__content {
+                    display: table;
+
+                    > .dropdown-menu {
+                        display: table-cell;
+                    }
+                }
+            }
+
+            .dropdown-menu__content {
+                height: 100%;
+                left: 0;
+                position: fixed;
+                top: 0;
+                width: 100%;
+                z-index: 9999;
+
+                &:before {
+                    background: alpha-color($black, .3);
+                    content: '';
+                    height: 100%;
+                    left: 0;
+                    position: fixed;
+                    top: 0;
+                    width: 100%;
+                }
+            }
+
             .dropdown-menu {
                 &.bottom {
                     bottom: auto;
-                    top: 30%;
+                    top: 0;
                 }
 
+                background: transparent;
+                border: none;
                 bottom: auto;
-                height: auto;
+                box-shadow: none;
+                float: none;
+                height: 100%;
                 left: 0;
-                margin-left: 25px;
-                position: fixed;
-                top: 30%;
-                width: calc(100% - 50px);
+                margin: 0;
+                padding: 0 2em;
+                position: relative;
+                top: 0;
+                vertical-align: middle;
+                width: 100%;
                 z-index: 9999;
 
                 > li {
-                    > a {
-                        border-bottom: 1px solid;
-                        line-height: 50px;
-                        position: relative;
-                        text-align: center;
-
-                        &:hover {
-                            background: transparent;
-                        }
-                    }
-
                     &:last-child {
                         a {
                             border: none;
@@ -1185,20 +1209,15 @@
                     }
                 }
 
-                &:before {
-                    background: alpha-color($black, .3);
-                    content: '';
-                    height: 100%;
-                    left: 0;
-                    position: fixed;
-                    top: 0;
-                    width: 100%;
+                a {
+                    border-bottom: 1px solid;
+                    line-height: 50px;
+                    position: relative;
+                    text-align: center;
                 }
             }
         }
-    }
 
-    .app__body {
         .modal {
             overflow: hidden;
             padding: 0 !important;
@@ -1398,18 +1417,6 @@
             min-height: 440px;
         }
     }
-
-    .post-list__table {
-        .post-list__content {
-            .dropdown-menu {
-                &.bottom {
-                    top: 25%;
-                }
-
-                top: 25%;
-            }
-        }
-    }
 }
 
 // on iOS, allow clicks within an input's label to actually propagate through to the input itself
-- 
cgit v1.2.3-1-g7c22