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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/Icon.js

Issue 2689213012: DevTools: Add icons to performance pane tabs. (Closed)
Patch Set: Created 3 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 unified diff | Download patch
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/timeline/TimelinePanel.js ('k') | third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 // Copyright 2016 The Chromium Authors. All rights reserved. 1 // Copyright 2016 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be 2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file. 3 // found in the LICENSE file.
4 4
5 /** 5 /**
6 * @constructor 6 * @constructor
7 * @extends {HTMLSpanElement} 7 * @extends {HTMLSpanElement}
8 */ 8 */
9 UI.Icon = class extends HTMLSpanElement { 9 UI.Icon = class extends HTMLSpanElement {
10 constructor() { 10 constructor() {
(...skipping 151 matching lines...) Expand 10 before | Expand all | Expand 10 after
162 'largeicon-stop-recording': {x: -288, y: -24, width: 28, height: 24, spriteshe et: 'largeicons', isMask: true}, 162 'largeicon-stop-recording': {x: -288, y: -24, width: 28, height: 24, spriteshe et: 'largeicons', isMask: true},
163 'largeicon-start-recording': {x: -288, y: 0, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true}, 163 'largeicon-start-recording': {x: -288, y: 0, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true},
164 'largeicon-large-list': {x: -224, y: 0, width: 28, height: 24, spritesheet: 'l argeicons', isMask: true}, 164 'largeicon-large-list': {x: -224, y: 0, width: 28, height: 24, spritesheet: 'l argeicons', isMask: true},
165 'largeicon-visibility': {x: -96, y: 0, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true}, 165 'largeicon-visibility': {x: -96, y: 0, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true},
166 'largeicon-refresh': {x: 0, y: 0, width: 28, height: 24, spritesheet: 'largeic ons', isMask: true}, 166 'largeicon-refresh': {x: 0, y: 0, width: 28, height: 24, spritesheet: 'largeic ons', isMask: true},
167 'largeicon-dock-to-right': {x: -256, y: -48, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true}, 167 'largeicon-dock-to-right': {x: -256, y: -48, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true},
168 'largeicon-dock-to-left': {x: -224, y: -48, width: 28, height: 24, spritesheet : 'largeicons', isMask: true}, 168 'largeicon-dock-to-left': {x: -224, y: -48, width: 28, height: 24, spritesheet : 'largeicons', isMask: true},
169 'largeicon-dock-to-bottom': {x: -32, y: -24, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true}, 169 'largeicon-dock-to-bottom': {x: -32, y: -24, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true},
170 'largeicon-undock': {x: 0, y: -48, width: 28, height: 24, spritesheet: 'largei cons', isMask: true}, 170 'largeicon-undock': {x: 0, y: -48, width: 28, height: 24, spritesheet: 'largei cons', isMask: true},
171 'largeicon-settings-gear': {x: -288, y: -72, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true}, 171 'largeicon-settings-gear': {x: -288, y: -72, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true},
172 'largeicon-perf-flamechart': {x: -4, y: -168, width: 24, height: 24, spriteshe et: 'largeicons', isMask: true},
173 'largeicon-perf-event-list': {x: -36, y: -168, width: 24, height: 24, spritesh eet: 'largeicons', isMask: true},
174 'largeicon-perf-call-tree': {x: -68, y: -168, width: 24, height: 24, spriteshe et: 'largeicons', isMask: true},
175 'largeicon-perf-bottom-up-tree': {x: -100, y: -168, width: 24, height: 24, spr itesheet: 'largeicons', isMask: true},
172 176
173 'largeicon-show-left-sidebar': {x: -160, y: -72, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true}, 177 'largeicon-show-left-sidebar': {x: -160, y: -72, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true},
174 'largeicon-hide-left-sidebar': {x: -192, y: -72, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true}, 178 'largeicon-hide-left-sidebar': {x: -192, y: -72, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true},
175 'largeicon-show-right-sidebar': {x: -192, y: -96, width: 28, height: 24, sprit esheet: 'largeicons', isMask: true}, 179 'largeicon-show-right-sidebar': {x: -192, y: -96, width: 28, height: 24, sprit esheet: 'largeicons', isMask: true},
176 'largeicon-hide-right-sidebar': {x: -192, y: -120, width: 28, height: 24, spri tesheet: 'largeicons', isMask: true}, 180 'largeicon-hide-right-sidebar': {x: -192, y: -120, width: 28, height: 24, spri tesheet: 'largeicons', isMask: true},
177 'largeicon-show-top-sidebar': { 181 'largeicon-show-top-sidebar': {
178 x: -288, 182 x: -288,
179 y: -96, 183 y: -96,
180 width: 28, 184 width: 28,
181 height: 24, 185 height: 24,
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after
217 'largeicon-edit': {x: -160, y: -0, width: 28, height: 24, spritesheet: 'largei cons', isMask: true}, 221 'largeicon-edit': {x: -160, y: -0, width: 28, height: 24, spritesheet: 'largei cons', isMask: true},
218 'largeicon-chevron': {x: -68, y: -143, width: 24, height: 26, spritesheet: 'la rgeicons', isMask: true}, 222 'largeicon-chevron': {x: -68, y: -143, width: 24, height: 26, spritesheet: 'la rgeicons', isMask: true},
219 223
220 'mediumicon-manifest': {x: 0, y: -0, width: 16, height: 16, spritesheet: 'reso urceicons', isMask: true}, 224 'mediumicon-manifest': {x: 0, y: -0, width: 16, height: 16, spritesheet: 'reso urceicons', isMask: true},
221 'mediumicon-service-worker': {x: -20, y: -0, width: 16, height: 16, spriteshee t: 'resourceicons', isMask: true}, 225 'mediumicon-service-worker': {x: -20, y: -0, width: 16, height: 16, spriteshee t: 'resourceicons', isMask: true},
222 'mediumicon-clear-storage': {x: -40, y: -0, width: 16, height: 16, spritesheet : 'resourceicons', isMask: true}, 226 'mediumicon-clear-storage': {x: -40, y: -0, width: 16, height: 16, spritesheet : 'resourceicons', isMask: true},
223 'mediumicon-database': {x: -60, y: -0, width: 16, height: 16, spritesheet: 're sourceicons', isMask: true}, 227 'mediumicon-database': {x: -60, y: -0, width: 16, height: 16, spritesheet: 're sourceicons', isMask: true},
224 'mediumicon-table': {x: -80, y: -0, width: 16, height: 16, spritesheet: 'resou rceicons', isMask: true}, 228 'mediumicon-table': {x: -80, y: -0, width: 16, height: 16, spritesheet: 'resou rceicons', isMask: true},
225 'mediumicon-cookie': {x: -120, y: -0, width: 16, height: 16, spritesheet: 'res ourceicons', isMask: true}, 229 'mediumicon-cookie': {x: -120, y: -0, width: 16, height: 16, spritesheet: 'res ourceicons', isMask: true},
226 }; 230 };
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/timeline/TimelinePanel.js ('k') | third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698