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

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

Issue 884653002: Update visual style of directory tree. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Remove eject_white.png Created 5 years, 11 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/tree.css
diff --git a/ui/file_manager/file_manager/foreground/css/tree.css b/ui/file_manager/file_manager/foreground/css/tree.css
index e151977f7549f93e3796943eba55bb8e3aff8276..38891fc98962c7a9ac7d7af0b0f69be339bc0da5 100644
--- a/ui/file_manager/file_manager/foreground/css/tree.css
+++ b/ui/file_manager/file_manager/foreground/css/tree.css
@@ -17,37 +17,37 @@ tree {
white-space: nowrap;
}
-.expand-icon {
+.tree-row > .expand-icon {
+ position: relative;
+}
+
+.tree-row > .expand-icon > core-icon {
-webkit-transform: rotate(-90deg);
-webkit-transition: all 150ms;
- background-image: -webkit-canvas(tree-triangle);
- background-position: 50% 50%;
- background-repeat: no-repeat;
- background-size: 8px 5px;
- display: inline-block;
height: 16px;
- position: relative;
- vertical-align: top;
+ left: 10px;
+ position: absolute;
+ top: 10px;
+ width: 16px;
}
-html[dir=rtl] .expand-icon {
+html[dir=rtl] .tree-row > .expand-icon > core-icon {
-webkit-transform: rotate(90deg);
}
-.tree-item[expanded] > .tree-row > .expand-icon {
+.tree-item[expanded] > .tree-row > .expand-icon > core-icon {
-webkit-transform: rotate(0);
- background-image: -webkit-canvas(tree-triangle);
}
-.tree-row .expand-icon {
+.tree-row > .expand-icon {
visibility: hidden;
}
-.tree-row[may-have-children] .expand-icon {
+.tree-row[may-have-children] > .expand-icon {
visibility: visible;
}
-.tree-row[has-children=false] .expand-icon {
+.tree-row[has-children=false] > .expand-icon {
visibility: hidden;
}

Powered by Google App Engine
This is Rietveld 408576698