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

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

Issue 2623143002: DevTools: insert console message decorations in order
Patch Set: a 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
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 101 matching lines...) Expand 10 before | Expand all | Expand 10 after
112 'smallicon-triangle-up': {x: -4, y: -111, width: 10, height: 8, spritesheet: ' largeicons', isMask: true}, 112 'smallicon-triangle-up': {x: -4, y: -111, width: 10, height: 8, spritesheet: ' largeicons', isMask: true},
113 'smallicon-arrow-in-circle': {x: -10, y: -127, width: 11, height: 11, spritesh eet: 'largeicons', isMask: true}, 113 'smallicon-arrow-in-circle': {x: -10, y: -127, width: 11, height: 11, spritesh eet: 'largeicons', isMask: true},
114 'smallicon-cross': {x: -177, y: -98, width: 10, height: 10, spritesheet: 'larg eicons'}, 114 'smallicon-cross': {x: -177, y: -98, width: 10, height: 10, spritesheet: 'larg eicons'},
115 'smallicon-inline-breakpoint': {x: -140, y: -20, width: 10, height: 10, sprite sheet: 'smallicons'}, 115 'smallicon-inline-breakpoint': {x: -140, y: -20, width: 10, height: 10, sprite sheet: 'smallicons'},
116 'smallicon-inline-breakpoint-conditional': {x: -160, y: -20, width: 10, height : 10, spritesheet: 'smallicons'}, 116 'smallicon-inline-breakpoint-conditional': {x: -160, y: -20, width: 10, height : 10, spritesheet: 'smallicons'},
117 'smallicon-file': {x: -64, y: -24, width: 12, height: 14, spritesheet: 'largei cons'}, 117 'smallicon-file': {x: -64, y: -24, width: 12, height: 14, spritesheet: 'largei cons'},
118 'smallicon-file-sync': {x: -76, y: -24, width: 12, height: 14, spritesheet: 'l argeicons'}, 118 'smallicon-file-sync': {x: -76, y: -24, width: 12, height: 14, spritesheet: 'l argeicons'},
119 'smallicon-search': {x: -234, y: -30, width: 12, height: 12, spritesheet: 'lar geicons'}, 119 'smallicon-search': {x: -234, y: -30, width: 12, height: 12, spritesheet: 'lar geicons'},
120 'smallicon-clear-input': {x: -143, y: -96, width: 13, height: 13, spritesheet: 'largeicons'}, 120 'smallicon-clear-input': {x: -143, y: -96, width: 13, height: 13, spritesheet: 'largeicons'},
121 'smallicon-checkmark': {x: -128, y: -109, width: 10, height: 10, spritesheet: 'largeicons'}, 121 'smallicon-checkmark': {x: -128, y: -109, width: 10, height: 10, spritesheet: 'largeicons'},
122 'smallicon-extension': {x: -209, y: -94, width: 12, height: 14, spritesheet: ' largeicons', isMask: true},
123 'smallicon-frame': {x: -192, y: -107, width: 12, height: 14, spritesheet: 'lar geicons', isMask: true},
124 'smallicon-worker': {x: -209, y: -107, width: 12, height: 14, spritesheet: 'la rgeicons', isMask: true},
122 125
123 'largeicon-longclick-triangle': {x: -290, y: -46, width: 28, height: 24, sprit esheet: 'largeicons', isMask: true}, 126 'largeicon-longclick-triangle': {x: -290, y: -46, width: 28, height: 24, sprit esheet: 'largeicons', isMask: true},
124 'largeicon-menu': {x: -192, y: -24, width: 28, height: 24, spritesheet: 'large icons', isMask: true}, 127 'largeicon-menu': {x: -192, y: -24, width: 28, height: 24, spritesheet: 'large icons', isMask: true},
125 'largeicon-delete': {x: -128, y: -0, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true}, 128 'largeicon-delete': {x: -128, y: -0, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true},
126 'largeicon-node-search': {x: -320, y: -120, width: 28, height: 24, spritesheet : 'largeicons', isMask: true}, 129 'largeicon-node-search': {x: -320, y: -120, width: 28, height: 24, spritesheet : 'largeicons', isMask: true},
127 'largeicon-add': {x: -224, y: -120, width: 28, height: 24, spritesheet: 'large icons', isMask: true}, 130 'largeicon-add': {x: -224, y: -120, width: 28, height: 24, spritesheet: 'large icons', isMask: true},
128 'largeicon-clear': {x: -64, y: 0, width: 28, height: 24, spritesheet: 'largeic ons', isMask: true}, 131 'largeicon-clear': {x: -64, y: 0, width: 28, height: 24, spritesheet: 'largeic ons', isMask: true},
129 'largeicon-rotate-screen': {x: -192, y: -144, width: 28, height: 24, spriteshe et: 'largeicons', isMask: true}, 132 'largeicon-rotate-screen': {x: -192, y: -144, width: 28, height: 24, spriteshe et: 'largeicons', isMask: true},
130 'largeicon-phone': {x: -320, y: -96, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true}, 133 'largeicon-phone': {x: -320, y: -96, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true},
131 'largeicon-block': {x: -32, y: -144, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true}, 134 'largeicon-block': {x: -32, y: -144, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true},
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
217 'largeicon-navigator-file-sync': {x: -160, y: -24, width: 32, height: 24, spri tesheet: 'largeicons', isMask: true}, 220 'largeicon-navigator-file-sync': {x: -160, y: -24, width: 32, height: 24, spri tesheet: 'largeicons', isMask: true},
218 'badge-navigator-file-sync': {x: -320, y: -72, width: 32, height: 24, spritesh eet: 'largeicons'}, 221 'badge-navigator-file-sync': {x: -320, y: -72, width: 32, height: 24, spritesh eet: 'largeicons'},
219 'largeicon-navigator-folder': {x: -64, y: -120, width: 32, height: 24, sprites heet: 'largeicons', isMask: true}, 222 'largeicon-navigator-folder': {x: -64, y: -120, width: 32, height: 24, sprites heet: 'largeicons', isMask: true},
220 'largeicon-navigator-domain': {x: -160, y: -144, width: 32, height: 24, sprite sheet: 'largeicons', isMask: true}, 223 'largeicon-navigator-domain': {x: -160, y: -144, width: 32, height: 24, sprite sheet: 'largeicons', isMask: true},
221 'largeicon-navigator-frame': {x: -256, y: -144, width: 32, height: 24, sprites heet: 'largeicons', isMask: true}, 224 'largeicon-navigator-frame': {x: -256, y: -144, width: 32, height: 24, sprites heet: 'largeicons', isMask: true},
222 'largeicon-navigator-worker': {x: -320, y: -144, width: 32, height: 24, sprite sheet: 'largeicons', isMask: true}, 225 'largeicon-navigator-worker': {x: -320, y: -144, width: 32, height: 24, sprite sheet: 'largeicons', isMask: true},
223 'largeicon-navigator-snippet': {x: -224, y: -96, width: 32, height: 24, sprite sheet: 'largeicons', isMask: true}, 226 'largeicon-navigator-snippet': {x: -224, y: -96, width: 32, height: 24, sprite sheet: 'largeicons', isMask: true},
224 'largeicon-edit': {x: -160, y: -0, width: 28, height: 24, spritesheet: 'largei cons'}, 227 'largeicon-edit': {x: -160, y: -0, width: 28, height: 24, spritesheet: 'largei cons'},
225 'largeicon-chevron': {x: -68, y: -143, width: 24, height: 26, spritesheet: 'la rgeicons', isMask: true}, 228 'largeicon-chevron': {x: -68, y: -143, width: 24, height: 26, spritesheet: 'la rgeicons', isMask: true},
226 }; 229 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698