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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2776883003: DevTools: normalize medium icons (Closed)
Patch Set: Created 3 years, 8 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/sources/sourcesSearch.css ('k') | third_party/WebKit/Source/devtools/front_end/ui/Toolbar.js » ('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 101 matching lines...) Expand 10 before | Expand all | Expand 10 after
112 'smallicon-user-command': {x: -40, y: -80, width: 10, height: 10, spritesheet: 'smallicons'}, 112 'smallicon-user-command': {x: -40, y: -80, width: 10, height: 10, spritesheet: 'smallicons'},
113 'smallicon-warning': {x: -60, y: -80, width: 10, height: 10, spritesheet: 'sma llicons'}, 113 'smallicon-warning': {x: -60, y: -80, width: 10, height: 10, spritesheet: 'sma llicons'},
114 114
115 // medium icons 115 // medium icons
116 'mediumicon-clear-storage': {x: 0, y: 0, width: 16, height: 16, spritesheet: ' mediumicons', isMask: true}, 116 'mediumicon-clear-storage': {x: 0, y: 0, width: 16, height: 16, spritesheet: ' mediumicons', isMask: true},
117 'mediumicon-cookie': {x: -16, y: 0, width: 16, height: 16, spritesheet: 'mediu micons', isMask: true}, 117 'mediumicon-cookie': {x: -16, y: 0, width: 16, height: 16, spritesheet: 'mediu micons', isMask: true},
118 'mediumicon-database': {x: -32, y: 0, width: 16, height: 16, spritesheet: 'med iumicons', isMask: true}, 118 'mediumicon-database': {x: -32, y: 0, width: 16, height: 16, spritesheet: 'med iumicons', isMask: true},
119 'mediumicon-manifest': {x: -48, y: 0, width: 16, height: 16, spritesheet: 'med iumicons', isMask: true}, 119 'mediumicon-manifest': {x: -48, y: 0, width: 16, height: 16, spritesheet: 'med iumicons', isMask: true},
120 'mediumicon-service-worker': {x: 0, y: -16, width: 16, height: 16, spritesheet : 'mediumicons', isMask: true}, 120 'mediumicon-service-worker': {x: 0, y: -16, width: 16, height: 16, spritesheet : 'mediumicons', isMask: true},
121 'mediumicon-table': {x: -16, y: -16, width: 16, height: 16, spritesheet: 'medi umicons', isMask: true}, 121 'mediumicon-table': {x: -16, y: -16, width: 16, height: 16, spritesheet: 'medi umicons', isMask: true},
122 'smallicon-arrow-in-circle': {x: -34, y: -18, width: 11, height: 11, spriteshe et: 'mediumicons', isMask: true}, 122 'mediumicon-arrow-in-circle': {x: -32, y: -16, width: 16, height: 16, spritesh eet: 'mediumicons', isMask: true},
123 'smallicon-file-sync': {x: -50, y: -17, width: 12, height: 14, spritesheet: 'm ediumicons'}, 123 'mediumicon-file-sync': {x: -48, y: -16, width: 16, height: 16, spritesheet: ' mediumicons'},
124 'smallicon-file': {x: -2, y: -33, width: 12, height: 14, spritesheet: 'mediumi cons'}, 124 'mediumicon-file': {x: 0, y: -32, width: 16, height: 16, spritesheet: 'mediumi cons'},
125 'smallicon-gray-cross-active': {x: -17, y: -33, width: 13, height: 13, sprites heet: 'mediumicons'}, 125 'mediumicon-gray-cross-active': {x: -16, y: -32, width: 16, height: 16, sprite sheet: 'mediumicons'},
126 'smallicon-gray-cross-hover': {x: -33, y: -33, width: 13, height: 13, spritesh eet: 'mediumicons'}, 126 'mediumicon-gray-cross-hover': {x: -32, y: -32, width: 16, height: 16, sprites heet: 'mediumicons'},
127 'smallicon-red-cross-active': {x: -49, y: -33, width: 14, height: 14, spritesh eet: 'mediumicons'}, 127 'mediumicon-red-cross-active': {x: -48, y: -32, width: 16, height: 16, sprites heet: 'mediumicons'},
128 'smallicon-red-cross-hover': {x: -1, y: -49, width: 14, height: 14, spriteshee t: 'mediumicons'}, 128 'mediumicon-red-cross-hover': {x: 0, y: -48, width: 16, height: 16, spriteshee t: 'mediumicons'},
129 'smallicon-search': {x: -18, y: -50, width: 12, height: 12, spritesheet: 'medi umicons'}, 129 'mediumicon-search': {x: -16, y: -48, width: 16, height: 16, spritesheet: 'med iumicons'},
130 130
131 // large icons 131 // large icons
132 'badge-navigator-file-sync': {x: 0, y: 0, width: 28, height: 24, spritesheet: 'largeicons'}, 132 'badge-navigator-file-sync': {x: 0, y: 0, width: 28, height: 24, spritesheet: 'largeicons'},
133 'largeicon-activate-breakpoints': {x: -28, y: 0, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true}, 133 'largeicon-activate-breakpoints': {x: -28, y: 0, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true},
134 'largeicon-add': {x: 0, y: -24, width: 28, height: 24, spritesheet: 'largeicon s', isMask: true}, 134 'largeicon-add': {x: 0, y: -24, width: 28, height: 24, spritesheet: 'largeicon s', isMask: true},
135 'largeicon-background-color': {x: -28, y: -24, width: 28, height: 24, spritesh eet: 'largeicons', isMask: true}, 135 'largeicon-background-color': {x: -28, y: -24, width: 28, height: 24, spritesh eet: 'largeicons', isMask: true},
136 'largeicon-box-shadow': {x: 0, y: -48, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true}, 136 'largeicon-box-shadow': {x: 0, y: -48, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true},
137 'largeicon-camera': {x: -28, y: -48, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true}, 137 'largeicon-camera': {x: -28, y: -48, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true},
138 'largeicon-center': {x: -56, y: 0, width: 28, height: 24, spritesheet: 'largei cons', isMask: true}, 138 'largeicon-center': {x: -56, y: 0, width: 28, height: 24, spritesheet: 'largei cons', isMask: true},
139 'largeicon-checkmark': {x: -56, y: -24, width: 28, height: 24, spritesheet: 'l argeicons', isMask: true}, 139 'largeicon-checkmark': {x: -56, y: -24, width: 28, height: 24, spritesheet: 'l argeicons', isMask: true},
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after
193 'largeicon-trash-bin': {x: -140, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true}, 193 'largeicon-trash-bin': {x: -140, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
194 'largeicon-undock': {x: -168, y: -192, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true}, 194 'largeicon-undock': {x: -168, y: -192, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true},
195 'largeicon-visibility': {x: -196, y: 0, width: 28, height: 24, spritesheet: 'l argeicons', isMask: true}, 195 'largeicon-visibility': {x: -196, y: 0, width: 28, height: 24, spritesheet: 'l argeicons', isMask: true},
196 'largeicon-waterfall': {x: -196, y: -24, width: 28, height: 24, spritesheet: ' largeicons', isMask: true}, 196 'largeicon-waterfall': {x: -196, y: -24, width: 28, height: 24, spritesheet: ' largeicons', isMask: true},
197 197
198 'mediumicon-arrow-top': {x: 0, y: 0, width: 19, height: 19, spritesheet: 'arro wicons'}, 198 'mediumicon-arrow-top': {x: 0, y: 0, width: 19, height: 19, spritesheet: 'arro wicons'},
199 'mediumicon-arrow-bottom': {x: 0, y: -19, width: 19, height: 19, spritesheet: 'arrowicons'}, 199 'mediumicon-arrow-bottom': {x: 0, y: -19, width: 19, height: 19, spritesheet: 'arrowicons'},
200 'mediumicon-arrow-left': {x: 0, y: -38, width: 19, height: 19, spritesheet: 'a rrowicons'}, 200 'mediumicon-arrow-left': {x: 0, y: -38, width: 19, height: 19, spritesheet: 'a rrowicons'},
201 'mediumicon-arrow-right': {x: 0, y: -57, width: 19, height: 19, spritesheet: ' arrowicons'}, 201 'mediumicon-arrow-right': {x: 0, y: -57, width: 19, height: 19, spritesheet: ' arrowicons'},
202 }; 202 };
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/sources/sourcesSearch.css ('k') | third_party/WebKit/Source/devtools/front_end/ui/Toolbar.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698