NewUX: On filename click, select file instead of downloading (#6023)

This commit has been done according to @abperiasamy's feedback as we
are going to reserve the click on file icon to open the preview modal
in the future.

Also, when the user now selects a single file, the file itself is
downloaded instead of a .zip file containing the file.

Fixes #6019

browser/app/less/inc/list.less

@@ -74,7 +74,7 @@ div.fesl-row {
     border-bottom: 1px solid transparent;
     cursor: default;
     .transition(background-color);
-    .transition-duration(500ms);
+    .transition-duration(300ms);
 
     @media (max-width: (@screen-xs-max - 100px)) {
         padding: 5px 20px;
@@ -87,16 +87,8 @@ div.fesl-row {
     }
 
     &:hover {
-        .fis-icon {
-            &:before {
-                .opacity(0)
-            }
-        }
-
-        .fis-helper {
-            &:before {
-                .opacity(1);
-            }
+        &:not(.fesl-row-selected) {
+            background: lighten(@text-muted-color, 22%);
         }
     }
 
@@ -137,6 +129,14 @@ div.fesl-row {
 .fesl-row-selected {
     background-color: @list-row-selected-bg;
 
+    &:nth-child(even) {
+        background-color: @list-row-selected-even-bg;
+    }
+
+    &:hover {
+        background: @list-row-selected-hover;
+    }
+
     &, .fesl-item a {
         color: darken(@text-color, 10%);
     }
@@ -161,27 +161,6 @@ div.fesl-row {
         height: 35px;
         z-index: 8;
         opacity: 0;
-        cursor: pointer;
-
-        &:checked {
-            & ~ .fis-icon {
-                background-color: #32393F;
-
-                &:before {
-                    opacity: 0;
-                }
-            }
-
-            & ~ .fis-helper {
-                &:before {
-                    .scale(0);
-                }
-
-                &:after {
-                    .scale(1);
-                }
-            }
-        }
     }
 }
 
@@ -210,38 +189,6 @@ div.fesl-row {
     }
 }
 
-.fis-helper {
-    &:before,
-    &:after {
-        position: absolute;
-        .transition(all);
-        .transition-duration(250ms);
-    }
-
-    &:before {
-        content: '';
-        width: 15px;
-        height: 15px;
-        border: 2px solid @white;
-        z-index: 7;
-        border-radius: 2px;
-        top: 10px;
-        left: 10px;
-        opacity: 0;
-    }
-
-    &:after {
-        font-family: @font-family-icon;
-        content: '\f00c';
-        top: 8px;
-        left: 9px;
-        color: @white;
-        font-size: 14px;
-        .scale(0);
-    }
-}
-
-
 /*--------------------------
     Files and Folders
 ----------------------------*/

browser/app/less/inc/variables.less

@@ -97,5 +97,7 @@
 /*-------------------------
     List
 --------------------------*/
-@list-row-selected-bg: #fbf2bf;
+@list-row-selected-bg:      #fffad6;
+@list-row-selected-even-bg: #faf5d1;
+@list-row-selected-hover:   #f5f0cc;
 @list-row-even-bg:          #fafafa;