From 120fc5296a97fcabbee2dd12ff094c483ab2826c Mon Sep 17 00:00:00 2001
From: Victoria Wang <violasong@gmail.com>
Date: Mon, 11 May 2015 17:04:48 -0700
Subject: [PATCH] Initial work on dashboard list view

---
 sass/_project-sass/_project-Main.scss | 49 +++++++++++++++++++++++++++
 views/dashboard.erb                   |  2 +-
 2 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss
index f0beca13..26575bdf 100644
--- a/sass/_project-sass/_project-Main.scss
+++ b/sass/_project-sass/_project-Main.scss
@@ -448,6 +448,55 @@
 .html-thumbnail.misc.fileimagehover .overlay {
   margin: 1px 0 0 2px;
 }
+.files .list.list-view {
+  .upload-Boundary {
+    padding: 0;
+    border: 0;
+  }
+  .file {
+    padding: 3px 0;
+    margin: 0;
+    margin-bottom: 6px;
+    width: 100%;
+    
+    .title {
+      margin: 0;
+      margin-left: 7px;
+      margin-top: 2px;
+      float: left;
+      font-size: 13px;
+    }
+  }
+  .html-thumbnail, .misc-icon {
+    margin: 0;
+    margin-left: 4px;
+    float: left;
+    width: 23px;
+    height: 23px;
+    background-size: 23px;
+    padding: 0;
+    font-size: 8px;
+    
+    img {
+      max-width: 23px;
+      max-height: 23px;
+    }
+  }
+  .misc-icon {
+    padding-top: 8px;
+  }
+  .folder-icon {
+    background-position: 0 4px;
+    background-size: 23px;
+    height: 23px;
+  }
+  .file > .overlay {
+    border-radius: 3px;
+  }
+  .html-thumbnail > .overlay {
+    background-color: transparent;
+  }
+}
 .site-actions {
   float: left;
   margin-top: 20px;
diff --git a/views/dashboard.erb b/views/dashboard.erb
index 2913e18d..89b49d0f 100644
--- a/views/dashboard.erb
+++ b/views/dashboard.erb
@@ -106,7 +106,7 @@
       <a href="#" class="btn-Action" onclick="clickUploadFiles(); return false"><i class="fa fa-arrow-circle-up"></i> Upload</a>
     </div>
   </div>
-  <div class="list">
+  <div class="list list-view">
     <form action="/site_files/upload" class="dropzone" id="uploads">
       <div class="dz-message" style="display: none"></div>
       <input name="csrf_token" type="hidden" value="<%= csrf_token %>">