From 87e62e8823e0894afab93326b0e1db2e12c53848 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Mon, 10 Jul 2017 23:48:45 +0500
Subject: Minor UI fixes for 4.0 (#6899)

* PLT-7056 - Fixing profile popover position

* PLT-7082 - Removing extra space below header

* PLT-7074 - Channel header fix

* PLT-7054 - Fixing scroll inside members popover

* Updating mention highlight color for default theme
---
 webapp/sass/responsive/_mobile.scss | 10 +++++++---
 webapp/sass/responsive/_tablet.scss | 16 ++++++++--------
 2 files changed, 15 insertions(+), 11 deletions(-)

(limited to 'webapp/sass/responsive')

diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss
index f48c15b16..1cfe2b37c 100644
--- a/webapp/sass/responsive/_mobile.scss
+++ b/webapp/sass/responsive/_mobile.scss
@@ -1043,8 +1043,8 @@
         @include single-transition(transform, .35s, ease);
         @include translate3d(290px, 0, 0);
         border: none;
-        width: 290px;
         visibility: hidden;
+        width: 290px;
 
         &.visible {
             display: block;
@@ -1287,10 +1287,10 @@
 
     .app__content {
         margin: 0;
-        padding-top: 56px;
+        padding-top: 50px;
 
         .channel__wrap & {
-            padding-top: 56px;
+            padding-top: 50px;
         }
 
         #channel-header {
@@ -1575,6 +1575,10 @@
 }
 
 @media screen and (max-width: 480px) {
+    #user-profile-popover {
+        left: 50px !important;
+    }
+
     .post {
         .img-div {
             max-width: 100%;
diff --git a/webapp/sass/responsive/_tablet.scss b/webapp/sass/responsive/_tablet.scss
index 8b81f30ca..ef4c2e8e5 100644
--- a/webapp/sass/responsive/_tablet.scss
+++ b/webapp/sass/responsive/_tablet.scss
@@ -5,20 +5,20 @@
         &.move--left {
             .channel-header {
                 .heading {
-                    max-width: calc(100vw - 600px);
+                    max-width: calc(100vw - 620px);
 
                     .multi-teams & {
-                        max-width: calc(100vw - 650px);
+                        max-width: calc(100vw - 670px);
                     }
                 }
             }
 
             .channel-header__info {
                 .channel-header__description {
-                    max-width: calc(100vw - 600px);
+                    max-width: calc(100vw - 620px);
 
                     .multi-teams & {
-                        max-width: calc(100vw - 650px);
+                        max-width: calc(100vw - 670px);
                     }
                 }
             }
@@ -34,20 +34,20 @@
 
     .channel-header__info {
         .channel-header__description {
-            max-width: calc(100vw - 660px);
+            max-width: calc(100vw - 680px);
 
             .multi-teams & {
-                max-width: calc(100vw - 710px);
+                max-width: calc(100vw - 730px);
             }
         }
     }
 
     .channel-header {
         .heading {
-            max-width: calc(100vw - 700px);
+            max-width: calc(100vw - 720px);
 
             .multi-teams & {
-                max-width: calc(100vw - 750px);
+                max-width: calc(100vw - 770px);
             }
         }
     }
-- 
cgit v1.2.3-1-g7c22