Merge pull request #1592 from asaadmahmoodspin/ui-improvements

Ui improvements for the tablet/small browser view

1 files changed, 39 insertions, 11 deletions

diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss
index a56c4bb17..9b316d48e 100644
--- a/web/sass-files/sass/partials/_responsive.scss
+++ b/web/sass-files/sass/partials/_responsive.scss
@@ -51,23 +51,27 @@
 
 @media screen and (max-width: 960px) {
 
-    .signup-team__container {
-        font-size: 1em;
-    }
+    .sidebar--right {
+        width: 400px;
+        z-index: 5;
+        right: 0;
+        @include translateX(100%);
 
-    .post {
+        &.move--left {
+            @include translateX(0);
+        }
 
-        &.same--root {
+    }
 
-            &.same--user {
+    .inner__wrap {
 
-                .post__time {
-                    display: none;
-                }
+        &.move--left {
+            margin-right: 0;
+        }
 
-            }
+    }
 
-        }
+    .post {
 
         .post-list__content & {
 
@@ -106,6 +110,30 @@
 
         }
 
+    }
+
+}
+
+@media screen and (max-width: 768px) {
+
+    .signup-team__container {
+        font-size: 1em;
+    }
+
+    .post {
+
+        &.same--root {
+
+            &.same--user {
+
+                .post__time {
+                    display: none;
+                }
+
+            }
+
+        }
+
         .post__img {
             width: 40px;