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

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: Removing old classes and comments 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
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/resources/ResourcesPanel.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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
92 .database-storage-tree-item .icon { 91 .resource-tree-item .icon {
93 content: url(Images/database.png); 92 -webkit-mask: url(Images/resourceGlyphs.png) no-repeat 0 0;
93 -webkit-mask-size: 140px 20px;
94 background: rgba(90, 90, 90, .7);
94 } 95 }
95 96
96 .database-table-storage-tree-item .icon { 97 @media (-webkit-min-device-pixel-ratio: 1.5) {
97 content: url(Images/databaseTable.png); 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: white !important;
98 } 105 }
99 106
100 .indexed-db-storage-tree-item .icon { 107 .database-tree-item .icon {
101 content: url(Images/indexedDB.png); 108 -webkit-mask-position: -60px 0;
102 } 109 }
103 110
104 .indexed-db-object-store-storage-tree-item .icon { 111 .table-tree-item .icon {
105 content: url(Images/indexedDBObjectStore.png); 112 -webkit-mask-position: -80px 0;
106 }
107
108 .indexed-db-index-storage-tree-item .icon {
109 content: url(Images/indexedDBIndex.png);
110 }
111
112 .service-worker-cache-tree-item .icon {
113 content: url(Images/indexedDBObjectStore.png);
114 }
115
116 .service-worker-cache-storage-tree-item .icon {
117 content: url(Images/indexedDB.png);
118 }
119
120 .service-workers-tree-item .icon {
121 content: url(Images/serviceWorker.svg);
122 } 113 }
123 114
124 :focus .service-workers-tree-item.selected .icon { 115 :focus .service-workers-tree-item.selected .icon {
125 -webkit-filter: invert(); 116 -webkit-filter: invert();
126 } 117 }
127 118
128 .-theme-with-dark-background .service-workers-tree-item .icon, 119 .-theme-with-dark-background .service-workers-tree-item .icon,
129 { 120 {
130 -webkit-filter: invert(70%); 121 -webkit-filter: invert(70%);
131 } 122 }
132 123
133 .domstorage-storage-tree-item.local-storage .icon { 124 .cookie-tree-item .icon {
134 content: url(Images/localStorage.png); 125 -webkit-mask-position: -120px 0;
135 } 126 }
136 127
137 .domstorage-storage-tree-item.session-storage .icon { 128 .manifest-tree-item .icon {
138 content: url(Images/sessionStorage.png); 129 -webkit-mask-position: 0 0;
139 } 130 }
140 131
141 .cookie-storage-tree-item .icon { 132 .service-worker-tree-item .icon {
142 content: url(Images/cookie.png); 133 -webkit-mask-position: -20px 0;
143 } 134 }
144 135
145 .application-cache-storage-tree-item .icon { 136 .clear-storage-tree-item .icon {
146 content: url(Images/applicationCache.png); 137 -webkit-mask-position: -40px 0;
138 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/resources/ResourcesPanel.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698