From 3ce2ce9dc882ed962dc3ce7550bdb07963f376b6 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Mon, 19 Dec 2016 17:40:48 +0500
Subject: Ui improvements (#4815)

* PLT-4369 - Fixing scroll on mobile in the RHS

* PLT-4924 - Fixing file thumbnail UX
---
 webapp/sass/components/_files.scss    | 30 ++++++++++++++----------------
 webapp/sass/layout/_sidebar-menu.scss |  1 +
 webapp/sass/responsive/_mobile.scss   |  1 +
 3 files changed, 16 insertions(+), 16 deletions(-)

(limited to 'webapp')

diff --git a/webapp/sass/components/_files.scss b/webapp/sass/components/_files.scss
index e710838b1..f4911ef8e 100644
--- a/webapp/sass/components/_files.scss
+++ b/webapp/sass/components/_files.scss
@@ -20,11 +20,21 @@
     position: relative;
     width: 120px;
 
+    &:after {
+        @include opacity(0);
+        @include alpha-property(background, $black, .4);
+        content: '';
+        height: 100%;
+        left: 0;
+        opacity: 0;
+        position: absolute;
+        top: 0;
+        width: 100%;
+    }
+
     &:hover {
-        .file-preview__remove {
-            &:after {
-                @include opacity(1);
-            }
+        &:after {
+            @include opacity(1);
         }
     }
 
@@ -56,18 +66,6 @@
     top: 0;
     width: 100%;
 
-    &:after {
-        @include opacity(0);
-        @include alpha-property(background, $black, .4);
-        content: '';
-        height: 100%;
-        left: 0;
-        opacity: 0;
-        position: absolute;
-        top: 0;
-        width: 100%;
-    }
-
     i {
         color: $white;
         cursor: pointer;
diff --git a/webapp/sass/layout/_sidebar-menu.scss b/webapp/sass/layout/_sidebar-menu.scss
index b01588ee0..4af2f6243 100644
--- a/webapp/sass/layout/_sidebar-menu.scss
+++ b/webapp/sass/layout/_sidebar-menu.scss
@@ -1,6 +1,7 @@
 @charset 'UTF-8';
 
 .sidebar--menu {
+    -webkit-overflow-scrolling: touch;
     background: #fafafa;
     border-right: $border-gray;
     display: none;
diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss
index 9d76f7010..66f9550d7 100644
--- a/webapp/sass/responsive/_mobile.scss
+++ b/webapp/sass/responsive/_mobile.scss
@@ -47,6 +47,7 @@
 
             > div {
                 &:first-child {
+                    -webkit-overflow-scrolling: touch;
                     height: calc(100vh - 150px);
                     overflow: auto;
                 }
-- 
cgit v1.2.3-1-g7c22