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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/resources/resourcesSidebar.css

Issue 1979163003: Updated icons in Resources/Application panel (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Sprited new assets used in Application/Resources panel Created 4 years, 7 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 unified diff | Download patch
OLDNEW
1 /* 1 /*
2 * Copyright 2016 The Chromium Authors. All rights reserved. 2 * Copyright 2016 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be 3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file. 4 * found in the LICENSE file.
5 */ 5 */
6 6
7 .tree-outline { 7 .tree-outline {
8 padding-left: 0; 8 padding-left: 0;
9 color: rgb(90, 90, 90); 9 color: rgb(90, 90, 90);
10 } 10 }
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
48 .navigator-tree-item .icon { 48 .navigator-tree-item .icon {
49 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); 49 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
50 } 50 }
51 } /* media */ 51 } /* media */
52 52
53 .navigator-file-tree-item .icon { 53 .navigator-file-tree-item .icon {
54 -webkit-mask-position: -224px -72px; 54 -webkit-mask-position: -224px -72px;
55 background: linear-gradient(45deg, hsl(0, 0%, 50%), hsl(0, 0%, 70%)); 55 background: linear-gradient(45deg, hsl(0, 0%, 50%), hsl(0, 0%, 70%));
56 } 56 }
57 57
58 :focus .navigator-file-tree-item.selected .icon { 58 :focus .navigator-file-tree-item.selected .icon,
59 :focus .navigator-folder-tree-item.selected .icon,
60 :focus .navigator-frame-tree-item.selected .icon {
59 background: white !important; 61 background: white !important;
60 } 62 }
61 63
62 :focus .navigator-folder-tree-item.selected .icon {
63 background: white !important;
64 }
65
66 .navigator-folder-tree-item .icon { 64 .navigator-folder-tree-item .icon {
67 -webkit-mask-position: -64px -120px; 65 -webkit-mask-position: -64px -120px;
68 background: linear-gradient(45deg, hsl(210, 82%, 65%), hsl(210, 82%, 80%)); 66 background: linear-gradient(45deg, hsl(210, 82%, 65%), hsl(210, 82%, 80%));
69 } 67 }
70 68
71 .navigator-domain-tree-item .icon { 69 .navigator-domain-tree-item .icon {
72 -webkit-mask-position: -160px -144px; 70 -webkit-mask-position: -160px -144px;
73 } 71 }
74 72
75 .navigator-frame-tree-item .icon { 73 .navigator-frame-tree-item .icon {
76 -webkit-mask-position: -256px -144px; 74 -webkit-mask-position: -256px -144px;
75 background-color: #5a5a5a;
77 } 76 }
78 77
79 .navigator-script-tree-item .icon { 78 .navigator-script-tree-item .icon {
80 background: linear-gradient(45deg, hsl(48, 70%, 50%), hsl(48, 70%, 70%)); 79 background: linear-gradient(45deg, hsl(48, 70%, 50%), hsl(48, 70%, 70%));
81 } 80 }
82 81
83 .navigator-stylesheet-tree-item .icon { 82 .navigator-stylesheet-tree-item .icon {
84 background: linear-gradient(45deg, hsl(256, 50%, 50%), hsl(256, 50%, 70%)); 83 background: linear-gradient(45deg, hsl(256, 50%, 50%), hsl(256, 50%, 70%));
85 } 84 }
86 85
87 .navigator-image-tree-item .icon, 86 .navigator-image-tree-item .icon,
88 .navigator-font-tree-item .icon { 87 .navigator-font-tree-item .icon {
89 background: linear-gradient(45deg, hsl(109, 33%, 50%), hsl(109, 33%, 70%)); 88 background: linear-gradient(45deg, hsl(109, 33%, 50%), hsl(109, 33%, 70%));
90 } 89 }
91 90
91 .resource-tree-item .icon {
92 -webkit-mask: url(Images/resourceGlyphs.png) no-repeat 0 0;
93 -webkit-mask-size: 140px 20px;
94 background: rgba(90, 90, 90, .7);
95 }
96
97 @media (-webkit-min-device-pixel-ratio: 1.5) {
98 .resource-tree-item .icon {
99 -webkit-mask-image: url(Images/resourceGlyphs_2x.png);
100 }
101 } /* media */
102
103 :focus .resource-tree-item.selected .icon {
104 background: #fff !important;
pfeldman 2016/05/18 05:36:50 white for consistency.
chowse 2016/05/18 17:17:42 Done.
105 }
106
107 .database-tree-item .icon {
108 -webkit-mask-position: -60px 0;
109 }
110
111 .table-tree-item .icon {
112 -webkit-mask-position: -80px 0;
113 }
114
115 /*
pfeldman 2016/05/18 05:36:50 We don't land comments.
chowse 2016/05/18 17:17:42 Done.
92 .database-storage-tree-item .icon { 116 .database-storage-tree-item .icon {
93 content: url(Images/database.png); 117 content: url(Images/database.png);
94 } 118 }
95 119
96 .database-table-storage-tree-item .icon { 120 .database-table-storage-tree-item .icon {
97 content: url(Images/databaseTable.png); 121 content: url(Images/databaseTable.png);
98 } 122 }
99 123
100 .indexed-db-storage-tree-item .icon { 124 .indexed-db-storage-tree-item .icon {
101 content: url(Images/indexedDB.png); 125 content: url(Images/indexedDB.png);
(...skipping 11 matching lines...) Expand all
113 content: url(Images/indexedDBObjectStore.png); 137 content: url(Images/indexedDBObjectStore.png);
114 } 138 }
115 139
116 .service-worker-cache-storage-tree-item .icon { 140 .service-worker-cache-storage-tree-item .icon {
117 content: url(Images/indexedDB.png); 141 content: url(Images/indexedDB.png);
118 } 142 }
119 143
120 .service-workers-tree-item .icon { 144 .service-workers-tree-item .icon {
121 content: url(Images/serviceWorker.svg); 145 content: url(Images/serviceWorker.svg);
122 } 146 }
123 147 */
124 :focus .service-workers-tree-item.selected .icon { 148 :focus .service-workers-tree-item.selected .icon {
125 -webkit-filter: invert(); 149 -webkit-filter: invert();
126 } 150 }
127 151
128 .-theme-with-dark-background .service-workers-tree-item .icon, 152 .-theme-with-dark-background .service-workers-tree-item .icon,
129 { 153 {
130 -webkit-filter: invert(70%); 154 -webkit-filter: invert(70%);
131 } 155 }
132 156 /*
133 .domstorage-storage-tree-item.local-storage .icon { 157 .domstorage-storage-tree-item.local-storage .icon {
134 content: url(Images/localStorage.png); 158 content: url(Images/localStorage.png);
135 } 159 }
136 160
137 .domstorage-storage-tree-item.session-storage .icon { 161 .domstorage-storage-tree-item.session-storage .icon {
138 content: url(Images/sessionStorage.png); 162 content: url(Images/sessionStorage.png);
139 } 163 }
140 164 */
141 .cookie-storage-tree-item .icon { 165 .cookie-tree-item .icon {
142 content: url(Images/cookie.png); 166 -webkit-mask-position: -120px 0;
143 } 167 }
144 168
145 .application-cache-storage-tree-item .icon { 169 .manifest-tree-item .icon {
146 content: url(Images/applicationCache.png); 170 -webkit-mask-position: 0 0;
171 }
172
173 .service-worker-tree-item .icon {
174 -webkit-mask-position: -20px 0;
175 }
176
177 .clear-storage-tree-item .icon {
178 -webkit-mask-position: -40px 0;
179 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698