Integrate ListThumbnailLoader to list view and grid view.

ui/file_manager/file_manager/foreground/css/file_manager.css

Index: ui/file_manager/file_manager/foreground/css/file_manager.css
diff --git a/ui/file_manager/file_manager/foreground/css/file_manager.css b/ui/file_manager/file_manager/foreground/css/file_manager.css
index a006fd58579ae9afd3751a45d2dfa3edb4cbe7b1..264c8b075987d1c8f4bcf98af324acf81cd7d3d0 100644
--- a/ui/file_manager/file_manager/foreground/css/file_manager.css
+++ b/ui/file_manager/file_manager/foreground/css/file_manager.css
@@ -736,15 +736,6 @@ body[type='full-page'] .detail-name .detail-icon {
   cursor: pointer;
 }
 
-.img-container > img {
-  -webkit-user-drag: none;
-  position: absolute;
-}
-
-.img-container > img:not(.cached) {
-  -webkit-animation: fadeIn 250ms linear;
-}
-
 .thumbnail-bottom {
   align-items: center;
   bottom: 0;
@@ -815,6 +806,18 @@ body.selecting .thumbnail-grid .thumbnail-item[selected] .checkmark {
   width: 100%;
 }
 
+.thumbnail-grid .img-container:not([generic-thumbnail]) {
+  -webkit-user-drag: none;
+  background-size: cover;
+  background-position: center;

[fukino, 2015/02/12 07:25:01]

nit: posision < size in alphabetical order

[yawano, 2015/02/12 09:38:24]

Done.

+  opacity: 0;
+  transition: opacity 250ms linear;
+}
+
+.thumbnail-grid .img-container.loaded:not([generic-thumbnail]) {
+  opacity: 1;
+}
+
 .thumbnail-grid .thumbnail-bottom {
   background: rgba(0, 0, 0, 0.55);
   color: #fff;
@@ -1203,6 +1206,9 @@ li[renaming=''] .filename-label {
 }
 
 #list-container list li .detail-thumbnail {
+  -webkit-user-drag: none;
+  background-position: center;
+  background-size: cover;
   border-radius: 14px;
   height: 28px;
   opacity: 0;
@@ -1212,11 +1218,6 @@ li[renaming=''] .filename-label {
   width: 28px;
 }
 
-#list-container list li .detail-thumbnail > img {
-  -webkit-user-drag: none;
-  position: absolute;
-}
-
 #list-container list li:not([selected]) .detail-thumbnail.loaded {
   opacity: 1;
 }