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

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

Issue 886753002: Re-layout list view and add thumbnails for each files. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Address review comments. 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/file_types.css
diff --git a/ui/file_manager/file_manager/foreground/css/file_types.css b/ui/file_manager/file_manager/foreground/css/file_types.css
index 6335b798f3c1a6e5963c9c8a37465ba1d9694afa..7c27dc33e0cc79bf739f2b717595bf87d686cba1 100644
--- a/ui/file_manager/file_manager/foreground/css/file_types.css
+++ b/ui/file_manager/file_manager/foreground/css/file_types.css
@@ -12,8 +12,6 @@
background-size: 16px 16px;
}
-tree:focus .tree-item[selected] > .tree-row > [file-type-icon],
-list:focus [selected] [file-type-icon],
list.autocomplete-suggestions [selected] [file-type-icon] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_GENERIC_WHITE) 1x,
@@ -26,8 +24,6 @@ list.autocomplete-suggestions [selected] [file-type-icon] {
url(chrome://theme/IDR_FILETYPE_ARCHIVE@2x) 2x);
}
-tree:focus .tree-item[selected] > .tree-row > [file-type-icon='archive'],
-list:focus [selected] [file-type-icon='archive'],
list.autocomplete-suggestions [selected] [file-type-icon='archive'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_ARCHIVE_WHITE) 1x,
@@ -40,8 +36,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='archive'] {
url(chrome://theme/IDR_FILETYPE_AUDIO@2x) 2x);
}
-tree:focus .tree-item[selected] > .tree-row > [file-type-icon='audio'],
-list:focus [selected] [file-type-icon='audio'],
list.autocomplete-suggestions [selected] [file-type-icon='audio'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_AUDIO_WHITE) 1x,
@@ -54,8 +48,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='audio'] {
url(chrome://theme/IDR_FILETYPE_EXCEL@2x) 2x);
}
-tree:focus .tree-item[selected] > .tree-row > [file-type-icon='excel'],
-list:focus [selected] [file-type-icon='excel'],
list.autocomplete-suggestions [selected] [file-type-icon='excel'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_EXCEL_WHITE) 1x,
@@ -74,14 +66,12 @@ list.autocomplete-suggestions [selected] [file-type-icon='excel'] {
url(chrome://theme/IDR_FILETYPE_FOLDER_SHARED@2x) 2x);
}
-list:focus [selected] .shared[file-type-icon='folder'],
list.autocomplete-suggestions [selected] .shared[file-type-icon='folder'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_FOLDER_SHARED_WHITE) 1x,
url(chrome://theme/IDR_FILETYPE_FOLDER_SHARED_WHITE@2x) 2x);
}
-list:focus [selected] [file-type-icon='folder'],
list.autocomplete-suggestions [selected] [file-type-icon='folder'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_FOLDER_WHITE) 1x,
@@ -94,7 +84,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='folder'] {
url(chrome://theme/IDR_FILETYPE_FORM@2x) 2x);
}
-list:focus [selected] [file-type-icon='form'],
list.autocomplete-suggestions [selected] [file-type-icon='form'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_FORM_WHITE) 1x,
@@ -107,7 +96,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='form'] {
url(chrome://theme/IDR_FILETYPE_GDOC@2x) 2x);
}
-list:focus [selected] [file-type-icon='gdoc'],
list.autocomplete-suggestions [selected] [file-type-icon='gdoc'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_GDOC_WHITE) 1x,
@@ -120,7 +108,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='gdoc'] {
url(chrome://theme/IDR_FILETYPE_GDRAW@2x) 2x);
}
-list:focus [selected] [file-type-icon='gdraw'],
list.autocomplete-suggestions [selected] [file-type-icon='gdraw'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_GDRAW_WHITE) 1x,
@@ -133,7 +120,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='gdraw'] {
url(chrome://theme/IDR_FILETYPE_GLINK@2x) 2x);
}
-list:focus [selected] [file-type-icon='glink'],
list.autocomplete-suggestions [selected] [file-type-icon='glink'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_GLINK_WHITE) 1x,
@@ -146,7 +132,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='glink'] {
url(chrome://theme/IDR_FILETYPE_GSHEET@2x) 2x);
}
-list:focus [selected] [file-type-icon='gsheet'],
list.autocomplete-suggestions [selected] [file-type-icon='gsheet'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_GSHEET_WHITE) 1x,
@@ -159,7 +144,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='gsheet'] {
url(chrome://theme/IDR_FILETYPE_GSLIDES@2x) 2x);
}
-list:focus [selected] [file-type-icon='gslides'],
list.autocomplete-suggestions [selected] [file-type-icon='gslides'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_GSLIDES_WHITE) 1x,
@@ -172,7 +156,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='gslides'] {
url(chrome://theme/IDR_FILETYPE_GTABLE@2x) 2x);
}
-list:focus [selected] [file-type-icon='gtable'],
list.autocomplete-suggestions [selected] [file-type-icon='gtable'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_GTABLE_WHITE) 1x,
@@ -185,7 +168,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='gtable'] {
url(chrome://theme/IDR_FILETYPE_FORM@2x) 2x);
}
-list:focus [selected] [file-type-icon='gform'],
list.autocomplete-suggestions [selected] [file-type-icon='gform'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_FORM_WHITE) 1x,
@@ -198,7 +180,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='gform'] {
url(chrome://theme/IDR_FILETYPE_GMAP@2x) 2x);
}
-list:focus [selected] [file-type-icon='gmap'],
list.autocomplete-suggestions [selected] [file-type-icon='gmap'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_GMAP_WHITE) 1x,
@@ -211,7 +192,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='gmap'] {
url(chrome://theme/IDR_FILETYPE_IMAGE@2x) 2x);
}
-list:focus [selected] [file-type-icon='image'],
list.autocomplete-suggestions [selected] [file-type-icon='image'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_IMAGE_WHITE) 1x,
@@ -224,7 +204,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='image'] {
url(chrome://theme/IDR_FILETYPE_PDF@2x) 2x);
}
-list:focus [selected] [file-type-icon='pdf'],
list.autocomplete-suggestions [selected] [file-type-icon='pdf'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_PDF_WHITE) 1x,
@@ -237,7 +216,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='pdf'] {
url(chrome://theme/IDR_FILETYPE_PPT@2x) 2x);
}
-list:focus [selected] [file-type-icon='ppt'],
list.autocomplete-suggestions [selected] [file-type-icon='ppt'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_PPT_WHITE) 1x,
@@ -250,7 +228,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='ppt'] {
url(chrome://theme/IDR_FILETYPE_SCRIPT@2x) 2x);
}
-list:focus [selected] [file-type-icon='script'],
list.autocomplete-suggestions [selected] [file-type-icon='script'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_SCRIPT_WHITE) 1x,
@@ -263,7 +240,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='script'] {
url(chrome://theme/IDR_FILETYPE_SITES@2x) 2x);
}
-list:focus [selected] [file-type-icon='sites'],
list.autocomplete-suggestions [selected] [file-type-icon='sites'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_SITES_WHITE) 1x,
@@ -276,7 +252,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='sites'] {
url(chrome://theme/IDR_FILETYPE_VIDEO@2x) 2x);
}
-list:focus [selected] [file-type-icon='video'],
list.autocomplete-suggestions [selected] [file-type-icon='video'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_VIDEO_WHITE) 1x,
@@ -289,7 +264,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='video'] {
url(chrome://theme/IDR_FILETYPE_WORD@2x) 2x);
}
-list:focus [selected] [file-type-icon='word'],
list.autocomplete-suggestions [selected] [file-type-icon='word'] {
background-image: -webkit-image-set(
url(chrome://theme/IDR_FILETYPE_WORD_WHITE) 1x,
@@ -350,12 +324,6 @@ list.autocomplete-suggestions [selected] [file-type-icon='word'] {
background-size: 14px;
}
-list:focus li[selected] [volume-type-icon='archive'] {
- background-image: -webkit-image-set(
- url(../images/volumes/white_archive.png) 1x,
- url(../images/volumes/2x/white_archive.png) 2x);
-}
-
[volume-type-icon='downloads'] {
background-image: -webkit-image-set(
url(../images/volumes/black_downloads.png) 1x,
@@ -363,12 +331,6 @@ list:focus li[selected] [volume-type-icon='archive'] {
background-size: 14px;
}
-list:focus li[selected] [volume-type-icon='downloads'] {
- background-image: -webkit-image-set(
- url(../images/volumes/white_downloads.png) 1x,
- url(../images/volumes/2x/white_downloads.png) 2x);
-}
-
[volume-type-icon='drive'] {
background-image: -webkit-image-set(
url(../images/volumes/black_drive.png) 1x,
@@ -376,12 +338,6 @@ list:focus li[selected] [volume-type-icon='downloads'] {
background-size: 14px;
}
-list:focus li[selected] [volume-type-icon='drive'] {
- background-image: -webkit-image-set(
- url(../images/volumes/white_drive.png) 1x,
- url(../images/volumes/2x/white_drive.png) 2x);
-}
-
[volume-type-icon='drive_offline'] {
background-image: -webkit-image-set(
url(../images/volumes/black_offline.png) 1x,
@@ -389,12 +345,6 @@ list:focus li[selected] [volume-type-icon='drive'] {
background-size: 14px;
}
-list:focus li[selected] [volume-type-icon='drive_offline'] {
- background-image: -webkit-image-set(
- url(../images/volumes/white_offline.png) 1x,
- url(../images/volumes/2x/white_offline.png) 2x);
-}
-
[volume-type-icon='drive_shared_with_me'] {
background-image: -webkit-image-set(
url(../images/volumes/black_shared.png) 1x,
@@ -402,12 +352,6 @@ list:focus li[selected] [volume-type-icon='drive_offline'] {
background-size: 14px;
}
-list:focus li[selected] [volume-type-icon='drive_shared_with_me'] {
- background-image: -webkit-image-set(
- url(../images/volumes/white_shared.png) 1x,
- url(../images/volumes/2x/white_shared.png) 2x);
-}
-
[volume-type-icon='drive_recent'] {
background-image: -webkit-image-set(
url(../images/volumes/black_recent.png) 1x,
@@ -415,12 +359,6 @@ list:focus li[selected] [volume-type-icon='drive_shared_with_me'] {
background-size: 14px;
}
-list:focus li[selected] [volume-type-icon='drive_recent'] {
- background-image: -webkit-image-set(
- url(../images/volumes/white_recent.png) 1x,
- url(../images/volumes/2x/white_recent.png) 2x);
-}
-
[volume-type-icon='removable'] {
background-image: -webkit-image-set(
url(../images/volumes/black_usb.png) 1x,
@@ -428,12 +366,6 @@ list:focus li[selected] [volume-type-icon='drive_recent'] {
background-size: 14px;
}
-list:focus li[selected] [volume-type-icon='removable'] {
- background-image: -webkit-image-set(
- url(../images/volumes/white_usb.png) 1x,
- url(../images/volumes/2x/white_usb.png) 2x);
-}
-
[volume-type-icon='removable'][volume-subtype='sd'] {
background-image: -webkit-image-set(
url(../images/volumes/black_sd.png) 1x,
@@ -441,12 +373,6 @@ list:focus li[selected] [volume-type-icon='removable'] {
background-size: 14px;
}
-list:focus li[selected] [volume-type-icon='removable'][volume-subtype='sd'] {
- background-image: -webkit-image-set(
- url(../images/volumes/white_sd.png) 1x,
- url(../images/volumes/2x/white_sd.png) 2x);
-}
-
[volume-type-icon='removable'][volume-subtype='optical'] {
background-image: -webkit-image-set(
url(../images/volumes/black_optical.png) 1x,
@@ -454,39 +380,15 @@ list:focus li[selected] [volume-type-icon='removable'][volume-subtype='sd'] {
background-size: 14px;
}
-list:focus li[selected]
- [volume-type-icon='removable'][volume-subtype='optical'] {
- background-image: -webkit-image-set(
- url(../images/volumes/white_optical.png) 1x,
- url(../images/volumes/2x/white_optical.png) 2x);
-}
-
[volume-type-icon='mtp'] {
background-image: -webkit-image-set(
- url(../images/volumes/black_phone.png) 1x,
- url(../images/volumes/2x/black_phone.png) 2x);
+ url(../images/volumes/black_phone.png) 1x,
+ url(../images/volumes/2x/black_phone.png) 2x);
background-size: 14px;
}
-list:focus li[selected] [volume-type-icon='mtp'] {
- background-image: -webkit-image-set(
- url(../images/volumes/white_phone.png) 1x,
- url(../images/volumes/2x/white_phone.png) 2x);
-}
-
[volume-type-icon='removable'][volume-subtype='unknown'] {
background-image: -webkit-image-set(
url(../images/volumes/black_hdd.png) 1x,
url(../images/volumes/2x/black_hdd.png) 2x);
}
-
-list:focus li[selected]
- [volume-type-icon='removable'][volume-subtype='unknown'] {
- background-image: -webkit-image-set(
- url(../images/volumes/white_hdd.png) 1x,
- url(../images/volumes/2x/white_hdd.png) 2x);
-}
-
-list:focus li[selected] [volume-type-icon='provided'] {
- -webkit-filter: contrast(0) brightness(200%);
-}

Powered by Google App Engine
This is Rietveld 408576698