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

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

Issue 2564433004: DevTools: migrate last usages of samllIcons.png to UI.Icon (Closed)
Patch Set: rebaseline Created 4 years 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 82 matching lines...) Expand 10 before | Expand all | Expand 10 after
93 UI.Icon.Descriptors = { 93 UI.Icon.Descriptors = {
94 'smallicon-error': {x: -20, y: 0, width: 10, height: 10, spritesheet: 'smallic ons'}, 94 'smallicon-error': {x: -20, y: 0, width: 10, height: 10, spritesheet: 'smallic ons'},
95 'smallicon-revoked-error': {x: -40, y: 0, width: 10, height: 10, spritesheet: 'smallicons'}, 95 'smallicon-revoked-error': {x: -40, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
96 'smallicon-warning': {x: -60, y: 0, width: 10, height: 10, spritesheet: 'small icons'}, 96 'smallicon-warning': {x: -60, y: 0, width: 10, height: 10, spritesheet: 'small icons'},
97 'smallicon-info': {x: -80, y: 0, width: 10, height: 10, spritesheet: 'smallico ns'}, 97 'smallicon-info': {x: -80, y: 0, width: 10, height: 10, spritesheet: 'smallico ns'},
98 'smallicon-device': {x: -100, y: 0, width: 10, height: 10, spritesheet: 'small icons'}, 98 'smallicon-device': {x: -100, y: 0, width: 10, height: 10, spritesheet: 'small icons'},
99 'smallicon-red-ball': {x: -120, y: 0, width: 10, height: 10, spritesheet: 'sma llicons'}, 99 'smallicon-red-ball': {x: -120, y: 0, width: 10, height: 10, spritesheet: 'sma llicons'},
100 'smallicon-green-ball': {x: -140, y: 0, width: 10, height: 10, spritesheet: 's mallicons'}, 100 'smallicon-green-ball': {x: -140, y: 0, width: 10, height: 10, spritesheet: 's mallicons'},
101 'smallicon-orange-ball': {x: -160, y: 0, width: 10, height: 10, spritesheet: ' smallicons'}, 101 'smallicon-orange-ball': {x: -160, y: 0, width: 10, height: 10, spritesheet: ' smallicons'},
102 'smallicon-thick-right-arrow': {x: -180, y: 0, width: 10, height: 10, spritesh eet: 'smallicons'}, 102 'smallicon-thick-right-arrow': {x: -180, y: 0, width: 10, height: 10, spritesh eet: 'smallicons'},
103 'smallicon-thick-left-arrow':
104 {x: -180, y: 0, width: 10, height: 10, spritesheet: 'smallicons', transfor m: 'rotate(180deg)'},
103 'smallicon-user-command': {x: 0, y: -20, width: 10, height: 10, spritesheet: ' smallicons'}, 105 'smallicon-user-command': {x: 0, y: -20, width: 10, height: 10, spritesheet: ' smallicons'},
104 'smallicon-text-prompt': {x: -20, y: -20, width: 10, height: 10, spritesheet: 'smallicons'}, 106 'smallicon-text-prompt': {x: -20, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
105 'smallicon-command-result': {x: -40, y: -20, width: 10, height: 10, spriteshee t: 'smallicons'}, 107 'smallicon-command-result': {x: -40, y: -20, width: 10, height: 10, spriteshee t: 'smallicons'},
106 'smallicon-shadow': {x: -60, y: -20, width: 10, height: 10, spritesheet: 'smal licons', isMask: true}, 108 'smallicon-shadow': {x: -60, y: -20, width: 10, height: 10, spritesheet: 'smal licons', isMask: true},
107 'smallicon-bezier': {x: -80, y: -20, width: 10, height: 10, spritesheet: 'smal licons', isMask: true}, 109 'smallicon-bezier': {x: -80, y: -20, width: 10, height: 10, spritesheet: 'smal licons', isMask: true},
108 'smallicon-dropdown-arrow': {x: -18, y: -96, width: 12, height: 12, spriteshee t: 'largeicons', isMask: true}, 110 'smallicon-dropdown-arrow': {x: -18, y: -96, width: 12, height: 12, spriteshee t: 'largeicons', isMask: true},
109 'smallicon-checkmark': {x: -100, y: -20, width: 10, height: 10, spritesheet: ' smallicons', isMask: true}, 111 'smallicon-checkmark': {x: -100, y: -20, width: 10, height: 10, spritesheet: ' smallicons', isMask: true},
110 'smallicon-green-checkmark': {x: -120, y: -20, width: 10, height: 10, spritesh eet: 'smallicons'}, 112 'smallicon-green-checkmark': {x: -120, y: -20, width: 10, height: 10, spritesh eet: 'smallicons'},
111 'smallicon-triangle-right': {x: -4, y: -98, width: 10, height: 8, spritesheet: 'largeicons', isMask: true}, 113 'smallicon-triangle-right': {x: -4, y: -98, width: 10, height: 8, spritesheet: 'largeicons', isMask: true},
112 'smallicon-triangle-bottom': {x: -20, y: -98, width: 10, height: 8, spriteshee t: 'largeicons', isMask: true}, 114 'smallicon-triangle-bottom': {x: -20, y: -98, width: 10, height: 8, spriteshee t: 'largeicons', isMask: true},
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
198 'largeicon-hide-bottom-sidebar': { 200 'largeicon-hide-bottom-sidebar': {
199 x: -192, 201 x: -192,
200 y: -72, 202 y: -72,
201 width: 28, 203 width: 28,
202 height: 24, 204 height: 24,
203 spritesheet: 'largeicons', 205 spritesheet: 'largeicons',
204 isMask: true, 206 isMask: true,
205 transform: 'translate(4px, 1px) rotate(-90deg)' 207 transform: 'translate(4px, 1px) rotate(-90deg)'
206 }, 208 },
207 }; 209 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698