New folder icons

www/drive/file.css

@@ -14,6 +14,9 @@ body {
   display: flex;
   flex-flow: column;
 }
+img.icon {
+  max-width: 20px;
+}
 .unselectable {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
@@ -145,6 +148,10 @@ span.fa-folder-open {
   padding: 10px 0px;
   color: #000;
 }
+#tree img.icon {
+  margin-bottom: 3px;
+  margin-left: -2px;
+}
 #tree li {
   padding: 0 0 0 5px;
   cursor: auto;
@@ -341,7 +348,7 @@ span.fa-folder-open {
 #content #folderContent li.searchResult table .col2 {
   width: 250px;
 }
-#content #folderContent li.searchResult table .icon {
+#content #folderContent li.searchResult table td.icon {
   width: 50px;
   font-size: 40px;
 }
@@ -389,6 +396,11 @@ span.fa-folder-open {
   width: 100%;
   margin-top: 5px;
 }
+#content div.grid li img.icon {
+  height: 48px;
+  max-width: none;
+  margin: 8px 0;
+}
 #content div.grid li .fa {
   display: block;
   margin: auto;

www/drive/file.less

@@ -44,6 +44,9 @@ body {
     display: flex;
     flex-flow: column;
 }
+img.icon {
+    max-width: 20px;
+}
 
 .unselectable {
     -webkit-touch-callout: none;
@@ -170,6 +173,10 @@ span {
     min-width: 200px;
     padding: 10px 0px;
     color: @tree-fg;
+    img.icon {
+        margin-bottom: 3px;
+        margin-left: -2px;
+    }
     li {
         padding: 0 0 0 5px;
         cursor: auto;
@@ -381,7 +388,7 @@ span {
                     .col2 {
                         width: 250px;
                     }
-                    .icon {
+                    td.icon {
                         width: 50px;
                         font-size: 40px;
                     }
@@ -434,6 +441,11 @@ span {
                 width: 100%;
                 margin-top: 5px;
             }
+            img.icon {
+                height: 48px;
+                max-width: none;
+                margin: 8px 0;
+            }
             .fa {
                 display: block;
                 margin: auto;

www/drive/main.js

@@ -149,9 +149,11 @@ define([
     };
 
     // Icons
-    var $folderIcon = $('<span>', {"class": "fa fa-folder folder icon"});
+    //var $folderIcon = $('<span>', {"class": "fa fa-folder folder icon"});
+    var $folderIcon = $('<img>', {src: "/customize/images/icons/folder.svg", "class": "folder icon"});
     var $folderEmptyIcon = $folderIcon.clone();
-    var $folderOpenedIcon = $('<span>', {"class": "fa fa-folder-open folder"});
+    //var $folderOpenedIcon = $('<span>', {"class": "fa fa-folder-open folder"});
+    var $folderOpenedIcon = $('<img>', {src: "/customize/images/icons/folderOpen.svg", "class": "folder icon"});
     var $folderOpenedEmptyIcon = $folderOpenedIcon.clone();
     var $fileIcon = $('<span>', {"class": "fa fa-file-text-o file icon"});
     var $fileAppIcon = $('<span>', {"class": "fa fa-file-text-o file icon fileColor"});
@@ -1368,6 +1370,7 @@ define([
 
         var createNewButton = function (isInRoot) {
             if (!APP.editable) { return; }
+            if (!APP.loggedIn) { return; } // Anonymous users can use the + menu in the toolbar
 
             // Create dropdown
             var options = [];