From 32842be3094237d6dffe41b52b24b2d04f85576e Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Mon, 12 Dec 2016 20:17:20 +0500
Subject: Multiple Ui improvements (#4767)

* PLT-4911 - Adding new target for OAuth help links

* PLT-4953 - Fixing styles for the unread messages indicator

* PLT-4901 - Fixing header modal overlap on mobile

* PLT-4916 - Swapping position of edit and delete
---
 webapp/sass/layout/_post.scss       | 84 ++++++++++++++++++++-----------------
 webapp/sass/responsive/_mobile.scss |  5 +++
 2 files changed, 51 insertions(+), 38 deletions(-)

(limited to 'webapp/sass')

diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss
index 9c93c09d7..0436af6c5 100644
--- a/webapp/sass/layout/_post.scss
+++ b/webapp/sass/layout/_post.scss
@@ -258,32 +258,40 @@
         outline: none;
         text-align: center;
     }
-    .nav-pills__unread-indicator-bottom {
-      position: absolute;
-      bottom: -30px;
-      left: 0;
-      right: 0;
-
-      @include border-radius(50px);
-      font-size: 13.5px;
-      margin: 0 auto;
-      padding: 3px 0 4px;
-      text-align: center;
-      max-width: 250px;
-      z-index: 1;
-      cursor: pointer;
-      transition: bottom 0.2s ease-out;
-
-      .fa {
-        margin-right: 0.5rem;
-      }
 
-      &.visible {
+    .new-messages__button {
+        @include opacity(0);
         bottom: 0;
-      }
-      &.disabled {
-        display: none;
-      }
+        font-size: 13.5px;
+        left: 0;
+        margin: 0 auto;
+        position: absolute;
+        right: 0;
+        text-align: center;
+        z-index: 1;
+
+        .fa {
+            font-size: 1.2em;
+            font-weight: bold;
+            margin-right: .5rem;
+            position: relative;
+            top: 1px;
+        }
+
+        div {
+            @include border-radius(50px);
+            cursor: pointer;
+            display: inline-block;
+            padding: 5px 10px;
+        }
+
+        &.visible {
+            @include opacity(1);
+        }
+
+        &.disabled {
+            display: none;
+        }
     }
 }
 
@@ -451,20 +459,20 @@
               color: rgb(51, 51, 51);
               position: absolute;
               top: 4px;
-            }
-        }
-    }
-
-    .msg-typing {
-        @include opacity(.7);
-        display: block;
-        font-size: .95em;
-        height: 20px;
-        margin-bottom: 5px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
+          }
+      }
+  }
+
+  .msg-typing {
+    @include opacity(.7);
+    display: block;
+    font-size: .95em;
+    height: 20px;
+    margin-bottom: 5px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
 }
 
 .post-list__table {
diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss
index 68ba20537..a13d2de00 100644
--- a/webapp/sass/responsive/_mobile.scss
+++ b/webapp/sass/responsive/_mobile.scss
@@ -44,6 +44,11 @@
             color: $white;
             font-size: 15px;
             padding: 15px 20px 100px;
+
+            > div {
+                height: calc(100vh - 150px);
+                overflow: auto;
+            }
         }
 
         .close {
-- 
cgit v1.2.3-1-g7c22