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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2768923006: DevTools: define icon location with row and column (Closed)
Patch Set: add coordinates to svg files Created 3 years, 9 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/Images/src/svg2png.hashes ('k') | third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/Source/devtools/front_end/ui/Icon.js
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/Icon.js b/third_party/WebKit/Source/devtools/front_end/ui/Icon.js
index c823f362082265ea78b66debd44724ade6ac9656..21f257237b06b1fd0df0dc67802f81d95c3a8de1 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/Icon.js
+++ b/third_party/WebKit/Source/devtools/front_end/ui/Icon.js
@@ -35,6 +35,8 @@ UI.Icon = class extends HTMLSpanElement {
createdCallback() {
/** @type {?UI.Icon.Descriptor} */
this._descriptor = null;
+ /** @type {?UI.Icon.SpriteSheet} */
+ this._spriteSheet = null;
/** @type {string} */
this._iconType = '';
}
@@ -45,19 +47,25 @@ UI.Icon = class extends HTMLSpanElement {
setIconType(iconType) {
if (this._descriptor) {
this.style.removeProperty('--spritesheet-position');
+ this.style.removeProperty('--spritesheet-size');
this.style.removeProperty('width');
this.style.removeProperty('height');
this._toggleClasses(false);
this._iconType = '';
this._descriptor = null;
+ this._spriteSheet = null;
}
var descriptor = UI.Icon.Descriptors[iconType] || null;
if (descriptor) {
this._iconType = iconType;
this._descriptor = descriptor;
+ this._spriteSheet = UI.Icon.SpriteSheets[this._descriptor.spritesheet];
+ console.assert(
+ this._spriteSheet, `ERROR: icon ${this._iconType} has unknown spritesheet: ${this._descriptor.spritesheet}`);
+
this.style.setProperty('--spritesheet-position', this._propertyValue());
- this.style.setProperty('width', this._descriptor.width + 'px');
- this.style.setProperty('height', this._descriptor.height + 'px');
+ this.style.setProperty('width', this._spriteSheet.cellWidth + 'px');
+ this.style.setProperty('height', this._spriteSheet.cellHeight + 'px');
this._toggleClasses(true);
} else if (iconType) {
throw new Error(`ERROR: failed to find icon descriptor for type: ${iconType}`);
@@ -77,126 +85,140 @@ UI.Icon = class extends HTMLSpanElement {
* @return {string}
*/
_propertyValue() {
- return `${this._descriptor.x}px ${this._descriptor.y}px`;
+ var x = -(this._spriteSheet.cellWidth + this._spriteSheet.padding) * this._descriptor.column;
+ var y = -this._spriteSheet.padding +
+ (this._spriteSheet.cellHeight + this._spriteSheet.padding) * (this._descriptor.row + 1);
+ return `${x}px ${y}px`;
}
};
-/** @typedef {{x: number, y: number, width: number, height: number, spritesheet: string, isMask: (boolean|undefined)}} */
+/** @typedef {{column: number, row: number, spritesheet: string, isMask: (boolean|undefined)}} */
UI.Icon.Descriptor;
+/** @typedef {{cellWidth: number, cellHeight: number, padding: number}} */
+UI.Icon.SpriteSheet;
+
+/** @enum {!UI.Icon.SpriteSheet} */
+UI.Icon.SpriteSheets = {
+ 'smallicons': {cellWidth: 10, cellHeight: 10, padding: 10},
+ 'mediumicons': {cellWidth: 16, cellHeight: 16, padding: 0},
+ 'largeicons': {cellWidth: 28, cellHeight: 24, padding: 0},
+ 'arrowicons': {cellWidth: 19, cellHeight: 19, padding: 0}
+};
+
/** @enum {!UI.Icon.Descriptor} */
UI.Icon.Descriptors = {
// small icons
- 'smallicon-bezier': {x: 0, y: 0, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
- 'smallicon-checkmark': {x: -20, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-command-result': {x: 0, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-cross': {x: -20, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-device': {x: -40, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-error': {x: -40, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-green-arrow': {x: 0, y: -40, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-green-ball': {x: -20, y: -40, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-info': {x: -40, y: -40, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-inline-breakpoint-conditional': {x: -60, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-inline-breakpoint': {x: -60, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-orange-ball': {x: -60, y: -40, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-red-ball': {x: 0, y: -60, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-shadow': {x: -20, y: -60, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
- 'smallicon-step-in': {x: -40, y: -60, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-step-out': {x: -60, y: -60, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-text-prompt': {x: -80, y: 0, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-thick-left-arrow': {x: -80, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-thick-right-arrow': {x: -80, y: -40, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-triangle-down': {x: -80, y: -60, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
- 'smallicon-triangle-right': {x: 0, y: -80, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
- 'smallicon-triangle-up': {x: -20, y: -80, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
- 'smallicon-user-command': {x: -40, y: -80, width: 10, height: 10, spritesheet: 'smallicons'},
- 'smallicon-warning': {x: -60, y: -80, width: 10, height: 10, spritesheet: 'smallicons'},
+ 'smallicon-bezier': {column: 0, row: 4, spritesheet: 'smallicons', isMask: true},
+ 'smallicon-checkmark': {column: 1, row: 4, spritesheet: 'smallicons'},
+ 'smallicon-command-result': {column: 0, row: 3, spritesheet: 'smallicons'},
+ 'smallicon-cross': {column: 1, row: 3, spritesheet: 'smallicons'},
+ 'smallicon-device': {column: 2, row: 4, spritesheet: 'smallicons'},
+ 'smallicon-error': {column: 2, row: 3, spritesheet: 'smallicons'},
+ 'smallicon-green-arrow': {column: 0, row: 2, spritesheet: 'smallicons'},
+ 'smallicon-green-ball': {column: 1, row: 2, spritesheet: 'smallicons'},
+ 'smallicon-info': {column: 2, row: 2, spritesheet: 'smallicons'},
+ 'smallicon-inline-breakpoint-conditional': {column: 3, row: 4, spritesheet: 'smallicons'},
+ 'smallicon-inline-breakpoint': {column: 3, row: 3, spritesheet: 'smallicons'},
+ 'smallicon-orange-ball': {column: 3, row: 2, spritesheet: 'smallicons'},
+ 'smallicon-red-ball': {column: 0, row: 1, spritesheet: 'smallicons'},
+ 'smallicon-shadow': {column: 1, row: 1, spritesheet: 'smallicons', isMask: true},
+ 'smallicon-step-in': {column: 2, row: 1, spritesheet: 'smallicons'},
+ 'smallicon-step-out': {column: 3, row: 1, spritesheet: 'smallicons'},
+ 'smallicon-text-prompt': {column: 4, row: 4, spritesheet: 'smallicons'},
+ 'smallicon-thick-left-arrow': {column: 4, row: 3, spritesheet: 'smallicons'},
+ 'smallicon-thick-right-arrow': {column: 4, row: 2, spritesheet: 'smallicons'},
+ 'smallicon-triangle-down': {column: 4, row: 1, spritesheet: 'smallicons', isMask: true},
+ 'smallicon-triangle-right': {column: 0, row: 0, spritesheet: 'smallicons', isMask: true},
+ 'smallicon-triangle-up': {column: 1, row: 0, spritesheet: 'smallicons', isMask: true},
+ 'smallicon-user-command': {column: 2, row: 0, spritesheet: 'smallicons'},
+ 'smallicon-warning': {column: 3, row: 0, spritesheet: 'smallicons'},
// medium icons
- 'mediumicon-clear-storage': {x: 0, y: 0, width: 16, height: 16, spritesheet: 'mediumicons', isMask: true},
- 'mediumicon-cookie': {x: -16, y: 0, width: 16, height: 16, spritesheet: 'mediumicons', isMask: true},
- 'mediumicon-database': {x: -32, y: 0, width: 16, height: 16, spritesheet: 'mediumicons', isMask: true},
- 'mediumicon-manifest': {x: -48, y: 0, width: 16, height: 16, spritesheet: 'mediumicons', isMask: true},
- 'mediumicon-service-worker': {x: 0, y: -16, width: 16, height: 16, spritesheet: 'mediumicons', isMask: true},
- 'mediumicon-table': {x: -16, y: -16, width: 16, height: 16, spritesheet: 'mediumicons', isMask: true},
- 'mediumicon-arrow-in-circle': {x: -32, y: -16, width: 16, height: 16, spritesheet: 'mediumicons', isMask: true},
- 'mediumicon-file-sync': {x: -48, y: -16, width: 16, height: 16, spritesheet: 'mediumicons'},
- 'mediumicon-file': {x: 0, y: -32, width: 16, height: 16, spritesheet: 'mediumicons'},
- 'mediumicon-gray-cross-active': {x: -16, y: -32, width: 16, height: 16, spritesheet: 'mediumicons'},
- 'mediumicon-gray-cross-hover': {x: -32, y: -32, width: 16, height: 16, spritesheet: 'mediumicons'},
- 'mediumicon-red-cross-active': {x: -48, y: -32, width: 16, height: 16, spritesheet: 'mediumicons'},
- 'mediumicon-red-cross-hover': {x: 0, y: -48, width: 16, height: 16, spritesheet: 'mediumicons'},
- 'mediumicon-search': {x: -16, y: -48, width: 16, height: 16, spritesheet: 'mediumicons'},
+ 'mediumicon-clear-storage': {column: 0, row: 3, spritesheet: 'mediumicons', isMask: true},
+ 'mediumicon-cookie': {column: 1, row: 3, spritesheet: 'mediumicons', isMask: true},
+ 'mediumicon-database': {column: 2, row: 3, spritesheet: 'mediumicons', isMask: true},
+ 'mediumicon-manifest': {column: 3, row: 3, spritesheet: 'mediumicons', isMask: true},
+ 'mediumicon-service-worker': {column: 0, row: 2, spritesheet: 'mediumicons', isMask: true},
+ 'mediumicon-table': {column: 1, row: 2, spritesheet: 'mediumicons', isMask: true},
+ 'mediumicon-arrow-in-circle': {column: 2, row: 2, spritesheet: 'mediumicons', isMask: true},
+ 'mediumicon-file-sync': {column: 3, row: 2, spritesheet: 'mediumicons'},
+ 'mediumicon-file': {column: 0, row: 1, spritesheet: 'mediumicons'},
+ 'mediumicon-gray-cross-active': {column: 1, row: 1, spritesheet: 'mediumicons'},
+ 'mediumicon-gray-cross-hover': {column: 2, row: 1, spritesheet: 'mediumicons'},
+ 'mediumicon-red-cross-active': {column: 3, row: 1, spritesheet: 'mediumicons'},
+ 'mediumicon-red-cross-hover': {column: 0, row: 0, spritesheet: 'mediumicons'},
+ 'mediumicon-search': {column: 1, row: 0, spritesheet: 'mediumicons'},
// large icons
- 'badge-navigator-file-sync': {x: 0, y: 0, width: 28, height: 24, spritesheet: 'largeicons'},
- 'largeicon-activate-breakpoints': {x: -28, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-add': {x: 0, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-background-color': {x: -28, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-box-shadow': {x: 0, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-camera': {x: -28, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-center': {x: -56, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-checkmark': {x: -56, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-chevron': {x: -56, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-clear': {x: 0, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-copy': {x: -28, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-deactivate-breakpoints': {x: -56, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-delete': {x: -84, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-dock-to-bottom': {x: -84, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-dock-to-left': {x: -84, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-dock-to-right': {x: -84, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-edit': {x: 0, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-eyedropper': {x: -28, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-filter': {x: -56, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-foreground-color': {x: -84, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-hide-bottom-sidebar': {x: -112, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-hide-left-sidebar': {x: -112, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-hide-right-sidebar': {x: -112, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-hide-top-sidebar': {x: -112, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-large-list': {x: -112, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-layout-editor': {x: 0, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-longclick-triangle': {x: -28, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-menu': {x: -56, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-navigator-domain': {x: -84, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-navigator-file': {x: -112, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-navigator-file-sync': {x: -140, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-navigator-folder': {x: -140, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-navigator-frame': {x: -140, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-navigator-snippet': {x: -140, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-navigator-worker': {x: -140, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-node-search': {x: -140, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-pan': {x: 0, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-pause-animation': {x: -28, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-pause': {x: -56, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-pause-on-exceptions': {x: -84, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-phone': {x: -112, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-play-animation': {x: -140, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-play-back': {x: 0, y: -168, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-play': {x: -28, y: -168, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-pretty-print': {x: -56, y: -168, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-refresh': {x: -84, y: -168, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-replay-animation': {x: -112, y: -168, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-resume': {x: -140, y: -168, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-rotate': {x: -168, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-rotate-screen': {x: -168, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-settings-gear': {x: -168, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-show-bottom-sidebar': {x: -168, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-show-left-sidebar': {x: -168, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-show-right-sidebar': {x: -168, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-show-top-sidebar': {x: -168, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-start-recording': {x: -168, y: -168, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-step-in': {x: 0, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-step-out': {x: -28, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-step-over': {x: -56, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-stop-recording': {x: -84, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-text-shadow': {x: -112, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-trash-bin': {x: -140, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-undock': {x: -168, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-visibility': {x: -196, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
- 'largeicon-waterfall': {x: -196, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+ 'badge-navigator-file-sync': {column: 0, row: 8, spritesheet: 'largeicons'},
+ 'largeicon-activate-breakpoints': {column: 1, row: 8, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-add': {column: 0, row: 7, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-background-color': {column: 1, row: 7, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-box-shadow': {column: 0, row: 6, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-camera': {column: 1, row: 6, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-center': {column: 2, row: 8, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-checkmark': {column: 2, row: 7, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-chevron': {column: 2, row: 6, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-clear': {column: 0, row: 5, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-copy': {column: 1, row: 5, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-deactivate-breakpoints': {column: 2, row: 5, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-delete': {column: 3, row: 8, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-dock-to-bottom': {column: 3, row: 7, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-dock-to-left': {column: 3, row: 6, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-dock-to-right': {column: 3, row: 5, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-edit': {column: 0, row: 4, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-eyedropper': {column: 1, row: 4, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-filter': {column: 2, row: 4, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-foreground-color': {column: 3, row: 4, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-hide-bottom-sidebar': {column: 4, row: 8, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-hide-left-sidebar': {column: 4, row: 7, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-hide-right-sidebar': {column: 4, row: 6, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-hide-top-sidebar': {column: 4, row: 5, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-large-list': {column: 4, row: 4, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-layout-editor': {column: 0, row: 3, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-longclick-triangle': {column: 1, row: 3, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-menu': {column: 2, row: 3, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-navigator-domain': {column: 3, row: 3, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-navigator-file': {column: 4, row: 3, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-navigator-file-sync': {column: 5, row: 8, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-navigator-folder': {column: 5, row: 7, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-navigator-frame': {column: 5, row: 6, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-navigator-snippet': {column: 5, row: 5, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-navigator-worker': {column: 5, row: 4, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-node-search': {column: 5, row: 3, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-pan': {column: 0, row: 2, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-pause-animation': {column: 1, row: 2, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-pause': {column: 2, row: 2, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-pause-on-exceptions': {column: 3, row: 2, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-phone': {column: 4, row: 2, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-play-animation': {column: 5, row: 2, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-play-back': {column: 0, row: 1, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-play': {column: 1, row: 1, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-pretty-print': {column: 2, row: 1, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-refresh': {column: 3, row: 1, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-replay-animation': {column: 4, row: 1, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-resume': {column: 5, row: 1, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-rotate': {column: 6, row: 8, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-rotate-screen': {column: 6, row: 7, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-settings-gear': {column: 6, row: 6, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-show-bottom-sidebar': {column: 6, row: 5, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-show-left-sidebar': {column: 6, row: 4, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-show-right-sidebar': {column: 6, row: 3, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-show-top-sidebar': {column: 6, row: 2, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-start-recording': {column: 6, row: 1, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-step-in': {column: 0, row: 0, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-step-out': {column: 1, row: 0, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-step-over': {column: 2, row: 0, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-stop-recording': {column: 3, row: 0, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-text-shadow': {column: 4, row: 0, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-trash-bin': {column: 5, row: 0, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-undock': {column: 6, row: 0, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-visibility': {column: 7, row: 8, spritesheet: 'largeicons', isMask: true},
+ 'largeicon-waterfall': {column: 7, row: 7, spritesheet: 'largeicons', isMask: true},
- 'mediumicon-arrow-top': {x: 0, y: 0, width: 19, height: 19, spritesheet: 'arrowicons'},
- 'mediumicon-arrow-bottom': {x: 0, y: -19, width: 19, height: 19, spritesheet: 'arrowicons'},
- 'mediumicon-arrow-left': {x: 0, y: -38, width: 19, height: 19, spritesheet: 'arrowicons'},
- 'mediumicon-arrow-right': {x: 0, y: -57, width: 19, height: 19, spritesheet: 'arrowicons'},
+ 'mediumicon-arrow-top': {column: 0, row: 3, spritesheet: 'arrowicons'},
+ 'mediumicon-arrow-bottom': {column: 0, row: 2, spritesheet: 'arrowicons'},
+ 'mediumicon-arrow-left': {column: 0, row: 1, spritesheet: 'arrowicons'},
+ 'mediumicon-arrow-right': {column: 0, row: 0, spritesheet: 'arrowicons'}
};
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/Images/src/svg2png.hashes ('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