Dragging files (not dropping yet).

chrome/browser/resources/file_manager/css/file_manager.css

Index: chrome/browser/resources/file_manager/css/file_manager.css
diff --git a/chrome/browser/resources/file_manager/css/file_manager.css b/chrome/browser/resources/file_manager/css/file_manager.css
index 451a63731d38f502e2069311a4b4b68db47c8db0..2f15f021ec4e5cbba21a7626735bd45e6bacc0df 100644
--- a/chrome/browser/resources/file_manager/css/file_manager.css
+++ b/chrome/browser/resources/file_manager/css/file_manager.css
@@ -583,6 +583,7 @@ div.img-container {
 
 div.img-container > img {
   position: absolute;
+  -webkit-user-drag: none;
 }
 
 .list-container list > *,
@@ -657,6 +658,11 @@ input.rename {
   -webkit-box-sizing: border-box;
 }
 
+.thumbnail-grid li,
+.detail-table list li {
+  -webkit-user-drag: element;
+}
+
 /* The cr.ui.Table representing the detailed file list. */
 .detail-table {
   width: 100%;
@@ -1040,6 +1046,7 @@ li.table-row {
 
 .dialog-footer .filename-label {
   -webkit-box-orient: horizontal;
+  background-color: white;
   color: #666;
   display: -webkit-box;
   font-weight: bold;
@@ -1090,6 +1097,37 @@ li.table-row {
   z-index: 100;
 }
 
+/* Invisible container for elements representing files while dragging. */
+#drag-image-container {
+  position: fixed;
+  /* Only nodes in visiblt viewport will be rendered. */

[dgozman, 2012/03/26 13:10:23]

typo: visibilt

[SeRya, 2012/03/26 13:37:45]

Done.

+  top: 0;
+  left: 0;
+  display: -webkit-box;
+  -webkit-box-orient: horizontal;
+  padding-left: 100px;
+  z-index: -1;  /* below .dialog-container */
+}
+
+#drag-image-container > li {

[dgozman, 2012/03/26 13:10:23]

If you make this |list|. and not a |div|, this styles should be applied
automatically.

[SeRya, 2012/03/26 13:37:45]

Done.

+  display: inline-block;
+  background-color: #CBDBF1;
+  border-color: #E0E9F7;
+  border: 1px solid white; /* transparent white */
+  cursor: default;
+  line-height: 20px;
+  margin: 0 0 0 -100px;
+  overflow: hidden;
+  padding: 0 3px;
+  position: relative; /* to allow overlap */
+  text-overflow: ellipsis;
+  white-space: pre;
+}
+
+#drag-image-container > li input[type=checkbox] {
+  display: none;
+}
+
 menu.file-context-menu {
   z-index: 4;
 }