From 1f9eb4db6ab4328e44c8587105eb005890052078 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmoodspin@users.noreply.github.com>
Date: Thu, 30 Jun 2016 05:04:37 +0500
Subject: Adding expand icon for RHS (#3386)

* Adding expand icon for RHS

Fixing errors

Adding back getTeamInviteLink with better functionality for mobile

Adding vertical align to post__link

Updating improvements for expand RHS stuff

* Improving transition on mobile

* Removing irrelevant changes
---
 webapp/sass/responsive/_mobile.scss | 23 ++++++++++++++++-------
 webapp/sass/responsive/_tablet.scss | 29 +++++++++++++++++++++++++++++
 2 files changed, 45 insertions(+), 7 deletions(-)

(limited to 'webapp/sass/responsive')

diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss
index 78bd8580d..884c69d74 100644
--- a/webapp/sass/responsive/_mobile.scss
+++ b/webapp/sass/responsive/_mobile.scss
@@ -314,15 +314,15 @@
         }
     }
 
-    .row--invite {
-        .col-sm-6 {
-            &:first-child {
-                padding-right: 15px;
+    .app__body {
+        .row--invite {
+            .col-sm-6 {
+                &:first-child {
+                    padding-right: 15px;
+                }
             }
         }
-    }
 
-    .app__body {
         .modal {
             .info__label {
                 padding-bottom: 5px;
@@ -590,8 +590,17 @@
 
             .navbar-brand {
                 white-space: nowrap;
+            }
+
+            .status {
+                margin: 0 5px 0 3px;
+                top: 2px;
+                width: 16px;
 
-                @import "../components/status-icon";
+                svg {
+                    max-height: 20px;
+                    width: 16px;
+                }
             }
         }
     }
diff --git a/webapp/sass/responsive/_tablet.scss b/webapp/sass/responsive/_tablet.scss
index 44a7be2ac..69443aafc 100644
--- a/webapp/sass/responsive/_tablet.scss
+++ b/webapp/sass/responsive/_tablet.scss
@@ -75,6 +75,34 @@
         &.move--left {
             @include translateX(0);
         }
+
+        &.sidebar--right--expanded {
+            width: calc(100% - 280px);
+
+            .sidebar--right__bg {
+                background-color: alpha-color($black, .4);
+                visibility: visible;
+            }
+
+            .search-bar__container {
+                padding-left: 10px;
+            }
+
+            .sidebar-right-container {
+                position: relative;
+                z-index: 5;
+            }
+
+            .sidebar--right__expand {
+                .fa-expand {
+                    display: none;
+                }
+
+                .fa-compress {
+                    display: inline-block;
+                }
+            }
+        }
     }
 
     .inner-wrap {
@@ -90,6 +118,7 @@
 
                 .post__link {
                     margin: 4px 0 7px;
+                    vertical-align: bottom;
                 }
 
                 .post__time {
-- 
cgit v1.2.3-1-g7c22