Fix: Remove download button on mobile (#4)

Also fixes a few styles

Author: priyajeet

src/components/ContentExplorer/ItemList.scss

@@ -80,7 +80,6 @@
         cursor: pointer;
         font-weight: 400;
         text-transform: none;
-        user-select: none;
 
         &:active,
         &:hover,

src/components/ContentExplorer/moreOptionsCellRenderer.js

@@ -8,7 +8,7 @@ import React from 'react';
 import DropdownMenu from '../DropdownMenu';
 import { Menu, MenuItem } from '../Menu';
 import { Button } from '../Button';
-import type { BoxItem } from '../../flowTypes';
+import isMobile from '../../util/mobile';
 import {
     PERMISSION_CAN_DOWNLOAD,
     PERMISSION_CAN_RENAME,
@@ -18,6 +18,7 @@ import {
     TYPE_FILE,
     TYPE_WEBLINK
 } from '../../constants';
+import type { BoxItem } from '../../flowTypes';
 import './MoreOptionsCell.scss';
 
 export default (
@@ -53,7 +54,7 @@ export default (
     const allowDelete = canDelete && permissions[PERMISSION_CAN_DELETE];
     const allowShare = canShare && permissions[PERMISSION_CAN_SHARE];
     const allowRename = canRename && permissions[PERMISSION_CAN_RENAME];
-    const allowDownload = canDownload && permissions[PERMISSION_CAN_DOWNLOAD] && type === TYPE_FILE;
+    const allowDownload = canDownload && permissions[PERMISSION_CAN_DOWNLOAD] && type === TYPE_FILE && !isMobile();
     const allowed = allowDelete || allowRename || allowDownload || allowPreview || allowShare || allowOpen;
 
     if (!allowed) {

src/components/Item/ItemName.scss

@@ -1,6 +1,6 @@
 @import '../variables';
 
-.buik-btn.buik-btn-plain.buik-item-label {
+.buik-item-label {
     max-width: 290px;
     overflow: hidden;
     text-overflow: ellipsis;

src/components/Item/NameCell.scss

@@ -4,4 +4,5 @@
     line-height: 15px;
     overflow: hidden;
     text-align: left;
+    text-overflow: ellipsis;
 }

src/components/base.scss

@@ -16,6 +16,7 @@
     padding: 0;
     position: relative;
     text-rendering: optimizeLegibility;
+    user-select: none;
     width: 100%;
 
     @mixin placeholder {
@@ -233,7 +234,6 @@
     cursor: pointer;
     display: block;
     position: relative;
-    user-select: none;
 
     > input {
         &[type='checkbox'] {

src/util/mobile.js

@@ -0,0 +1,10 @@
+/**
+ * @flow
+ * @file Helper to get mobile
+ * @author Box
+ */
+
+export default function isMobile() {
+    // Relying on the user agent to avoid desktop browsers on machines with touch screens.
+    return /iphone|ipad|ipod|android|blackberry|bb10|mini|windows\sce|palm/i.test(navigator.userAgent);
+}