Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(71)

Unified Diff: ui/file_manager/file_manager/foreground/css/file_manager.css

Issue 931103002: Add transition animation of thumbnail update in grid view. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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 f3c870f5c618f2d612349da85595a1e6bb2cd357..6d279409fc4eaec1de72c4ab929bddd9a4a7f0b9 100644
--- a/ui/file_manager/file_manager/foreground/css/file_manager.css
+++ b/ui/file_manager/file_manager/foreground/css/file_manager.css
@@ -872,13 +872,13 @@ body.selecting .thumbnail-grid .thumbnail-item[selected] .checkmark {
background-position: center;
background-size: cover;
height: 100%;
- opacity: 0;
- transition: opacity 250ms linear;
+ opacity: 1;
+ position: absolute;
width: 100%;
}
-.thumbnail-grid .img-container > .thumbnail.loaded {
- opacity: 1;
+.thumbnail-grid .img-container > .thumbnail.animate {
+ -webkit-animation: fadeIn 250ms linear;
}
.thumbnail-grid .thumbnail-bottom {

Powered by Google App Engine
This is Rietveld 408576698