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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2772153002: DevTools: re-arrange icons into spritesheets by their size (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/Images/toolbarButtonGlyphs_2x.png ('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 68 matching lines...) Expand 10 before | Expand all | Expand 10 after
79 _propertyValue() { 79 _propertyValue() {
80 return `${this._descriptor.x}px ${this._descriptor.y}px`; 80 return `${this._descriptor.x}px ${this._descriptor.y}px`;
81 } 81 }
82 }; 82 };
83 83
84 /** @typedef {{x: number, y: number, width: number, height: number, spritesheet: string, isMask: (boolean|undefined)}} */ 84 /** @typedef {{x: number, y: number, width: number, height: number, spritesheet: string, isMask: (boolean|undefined)}} */
85 UI.Icon.Descriptor; 85 UI.Icon.Descriptor;
86 86
87 /** @enum {!UI.Icon.Descriptor} */ 87 /** @enum {!UI.Icon.Descriptor} */
88 UI.Icon.Descriptors = { 88 UI.Icon.Descriptors = {
89 'smallicon-error': {x: -20, y: 0, width: 10, height: 10, spritesheet: 'smallic ons'}, 89 // small icons
dgozman 2017/03/25 15:45:35 Kind of useless comment - all the icons below star
lushnikov 2017/03/25 18:51:22 Not very useful, I agree. Though since in this pat
90 'smallicon-warning': {x: -60, y: 0, width: 10, height: 10, spritesheet: 'small icons'}, 90 'smallicon-bezier': {x: 0, y: 0, width: 10, height: 10, spritesheet: 'smallico ns', isMask: true},
91 'smallicon-info': {x: -80, y: 0, width: 10, height: 10, spritesheet: 'smallico ns'}, 91 'smallicon-checkmark': {x: -20, y: 0, width: 10, height: 10, spritesheet: 'sma llicons'},
92 'smallicon-device': {x: -100, y: 0, width: 10, height: 10, spritesheet: 'small icons'}, 92 'smallicon-command-result': {x: 0, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
93 'smallicon-red-ball': {x: -120, y: 0, width: 10, height: 10, spritesheet: 'sma llicons'}, 93 'smallicon-cross': {x: -20, y: -20, width: 10, height: 10, spritesheet: 'small icons'},
94 'smallicon-green-ball': {x: -140, y: 0, width: 10, height: 10, spritesheet: 's mallicons'}, 94 'smallicon-device': {x: -40, y: 0, width: 10, height: 10, spritesheet: 'smalli cons'},
95 'smallicon-orange-ball': {x: -160, y: 0, width: 10, height: 10, spritesheet: ' smallicons'}, 95 'smallicon-error': {x: -40, y: -20, width: 10, height: 10, spritesheet: 'small icons'},
96 'smallicon-green-arrow': {x: -120, y: -20, width: 10, height: 10, spritesheet: 'smallicons'}, 96 'smallicon-green-arrow': {x: 0, y: -40, width: 10, height: 10, spritesheet: 's mallicons'},
97 'smallicon-step-in': {x: -100, y: -20, width: 10, height: 10, spritesheet: 'sm allicons'}, 97 'smallicon-green-ball': {x: -20, y: -40, width: 10, height: 10, spritesheet: ' smallicons'},
98 'smallicon-step-out': {x: 0, y: 0, width: 10, height: 10, spritesheet: 'smalli cons'}, 98 'smallicon-info': {x: -40, y: -40, width: 10, height: 10, spritesheet: 'smalli cons'},
99 'smallicon-thick-right-arrow': {x: -180, y: 0, width: 10, height: 10, spritesh eet: 'smallicons'}, 99 'smallicon-inline-breakpoint-conditional': {x: -60, y: 0, width: 10, height: 1 0, spritesheet: 'smallicons'},
100 'smallicon-thick-left-arrow': {x: -180, y: -20, width: 10, height: 10, sprites heet: 'smallicons'}, 100 'smallicon-inline-breakpoint': {x: -60, y: -20, width: 10, height: 10, sprites heet: 'smallicons'},
101 'smallicon-user-command': {x: 0, y: -19, width: 10, height: 10, spritesheet: ' smallicons'}, 101 'smallicon-orange-ball': {x: -60, y: -40, width: 10, height: 10, spritesheet: 'smallicons'},
102 'smallicon-text-prompt': {x: -20, y: -20, width: 10, height: 10, spritesheet: 'smallicons'}, 102 'smallicon-red-ball': {x: 0, y: -60, width: 10, height: 10, spritesheet: 'smal licons'},
103 'smallicon-command-result': {x: -40, y: -19, width: 10, height: 10, spriteshee t: 'smallicons'}, 103 'smallicon-shadow': {x: -20, y: -60, width: 10, height: 10, spritesheet: 'smal licons', isMask: true},
104 'smallicon-shadow': {x: -60, y: -20, width: 10, height: 10, spritesheet: 'smal licons', isMask: true}, 104 'smallicon-step-in': {x: -40, y: -60, width: 10, height: 10, spritesheet: 'sma llicons'},
105 'smallicon-bezier': {x: -80, y: -20, width: 10, height: 10, spritesheet: 'smal licons', isMask: true}, 105 'smallicon-step-out': {x: -60, y: -60, width: 10, height: 10, spritesheet: 'sm allicons'},
106 'smallicon-triangle-right': {x: -4, y: -98, width: 10, height: 10, spritesheet : 'largeicons', isMask: true}, 106 'smallicon-text-prompt': {x: -80, y: 0, width: 10, height: 10, spritesheet: 's mallicons'},
107 'smallicon-triangle-down': {x: -20, y: -98, width: 10, height: 10, spritesheet : 'largeicons', isMask: true}, 107 'smallicon-thick-left-arrow': {x: -80, y: -20, width: 10, height: 10, spritesh eet: 'smallicons'},
108 'smallicon-triangle-up': {x: -4, y: -111, width: 10, height: 10, spritesheet: 'largeicons', isMask: true}, 108 'smallicon-thick-right-arrow': {x: -80, y: -40, width: 10, height: 10, sprites heet: 'smallicons'},
109 'smallicon-arrow-in-circle': {x: -10, y: -127, width: 11, height: 11, spritesh eet: 'largeicons', isMask: true}, 109 'smallicon-triangle-down': {x: -80, y: -60, width: 10, height: 10, spritesheet : 'smallicons', isMask: true},
110 'smallicon-cross': {x: -177, y: -98, width: 10, height: 10, spritesheet: 'larg eicons'}, 110 'smallicon-triangle-right': {x: 0, y: -80, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
111 'smallicon-red-cross-hover': {x: -96, y: -96, width: 14, height: 14, spriteshe et: 'largeicons'}, 111 'smallicon-triangle-up': {x: -20, y: -80, width: 10, height: 10, spritesheet: 'smallicons', isMask: true},
112 'smallicon-red-cross-active': {x: -111, y: -96, width: 14, height: 14, sprites heet: 'largeicons'}, 112 'smallicon-user-command': {x: -40, y: -80, width: 10, height: 10, spritesheet: 'smallicons'},
113 'smallicon-gray-cross-hover': {x: -143, y: -96, width: 13, height: 13, sprites heet: 'largeicons'}, 113 'smallicon-warning': {x: -60, y: -80, width: 10, height: 10, spritesheet: 'sma llicons'},
114 'smallicon-gray-cross-active': {x: -160, y: -96, width: 13, height: 13, sprite sheet: 'largeicons'},
115 114
116 'smallicon-inline-breakpoint': {x: -140, y: -20, width: 10, height: 10, sprite sheet: 'smallicons'}, 115 // medium icons
117 'smallicon-inline-breakpoint-conditional': {x: -160, y: -20, width: 10, height : 10, spritesheet: 'smallicons'}, 116 'mediumicon-clear-storage': {x: 0, y: 0, width: 16, height: 16, spritesheet: ' mediumicons', isMask: true},
118 'smallicon-file': {x: -64, y: -24, width: 12, height: 14, spritesheet: 'largei cons'}, 117 'mediumicon-cookie': {x: -16, y: 0, width: 16, height: 16, spritesheet: 'mediu micons', isMask: true},
119 'smallicon-file-sync': {x: -76, y: -24, width: 12, height: 14, spritesheet: 'l argeicons'}, 118 'mediumicon-database': {x: -32, y: 0, width: 16, height: 16, spritesheet: 'med iumicons', isMask: true},
120 'smallicon-search': {x: -234, y: -30, width: 12, height: 12, spritesheet: 'lar geicons'}, 119 'mediumicon-manifest': {x: -48, y: 0, width: 16, height: 16, spritesheet: 'med iumicons', isMask: true},
121 'smallicon-checkmark': {x: -128, y: -109, width: 10, height: 10, spritesheet: 'largeicons'}, 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},
122 'smallicon-arrow-in-circle': {x: -34, y: -18, width: 11, height: 11, spriteshe et: 'mediumicons', isMask: true},
dgozman 2017/03/25 15:45:35 We should rename these.
lushnikov 2017/03/25 18:51:22 Right, the following patch does this
123 'smallicon-file-sync': {x: -50, y: -17, width: 12, height: 14, spritesheet: 'm ediumicons'},
124 'smallicon-file': {x: -2, y: -33, width: 12, height: 14, spritesheet: 'mediumi cons'},
125 'smallicon-gray-cross-active': {x: -17, y: -33, width: 13, height: 13, sprites heet: 'mediumicons'},
126 'smallicon-gray-cross-hover': {x: -33, y: -33, width: 13, height: 13, spritesh eet: 'mediumicons'},
127 'smallicon-red-cross-active': {x: -49, y: -33, width: 14, height: 14, spritesh eet: 'mediumicons'},
128 'smallicon-red-cross-hover': {x: -1, y: -49, width: 14, height: 14, spriteshee t: 'mediumicons'},
129 'smallicon-search': {x: -18, y: -50, width: 12, height: 12, spritesheet: 'medi umicons'},
122 130
123 'largeicon-longclick-triangle': {x: -290, y: -46, width: 28, height: 24, sprit esheet: 'largeicons', isMask: true}, 131 // large icons
124 'largeicon-menu': {x: -192, y: -24, width: 28, height: 24, spritesheet: 'large icons', isMask: true}, 132 'badge-navigator-file-sync': {x: 0, y: 0, width: 28, height: 24, spritesheet: 'largeicons'},
125 'largeicon-delete': {x: -128, y: -0, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true}, 133 'largeicon-activate-breakpoints': {x: -28, y: 0, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true},
126 'largeicon-node-search': {x: -320, y: -120, width: 28, height: 24, spritesheet : 'largeicons', isMask: true}, 134 'largeicon-add': {x: 0, y: -24, width: 28, height: 24, spritesheet: 'largeicon s', isMask: true},
127 'largeicon-add': {x: -224, y: -120, width: 28, height: 24, spritesheet: 'large icons', isMask: true}, 135 'largeicon-background-color': {x: -28, y: -24, width: 28, height: 24, spritesh eet: 'largeicons', isMask: true},
128 'largeicon-clear': {x: -64, y: 0, width: 28, height: 24, spritesheet: 'largeic ons', isMask: true}, 136 'largeicon-box-shadow': {x: 0, y: -48, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true},
129 'largeicon-rotate-screen': {x: -192, y: -144, width: 28, height: 24, spriteshe et: 'largeicons', isMask: true}, 137 'largeicon-camera': {x: -28, y: -48, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true},
130 'largeicon-phone': {x: -320, y: -96, 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},
131 'largeicon-layout-editor': {x: 0, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true}, 139 'largeicon-checkmark': {x: -56, y: -24, width: 28, height: 24, spritesheet: 'l argeicons', isMask: true},
132 'largeicon-foreground-color': {x: -128, y: -144, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true}, 140 'largeicon-chevron': {x: -56, y: -48, width: 28, height: 24, spritesheet: 'lar geicons', isMask: true},
133 'largeicon-background-color': {x: -96, y: -144, width: 28, height: 24, sprites heet: 'largeicons', isMask: true}, 141 'largeicon-clear': {x: 0, y: -72, width: 28, height: 24, spritesheet: 'largeic ons', isMask: true},
134 'largeicon-text-shadow': {x: -192, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true}, 142 'largeicon-copy': {x: -28, y: -72, width: 28, height: 24, spritesheet: 'largei cons', isMask: true},
135 'largeicon-box-shadow': {x: -160, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true}, 143 'largeicon-deactivate-breakpoints': {x: -56, y: -72, width: 28, height: 24, sp ritesheet: 'largeicons', isMask: true},
136 'largeicon-pause-animation': {x: -320, y: 0, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true}, 144 'largeicon-delete': {x: -84, y: 0, width: 28, height: 24, spritesheet: 'largei cons', isMask: true},
137 'largeicon-replay-animation': {x: -320, y: -24, width: 28, height: 24, sprites heet: 'largeicons', isMask: true}, 145 'largeicon-dock-to-bottom': {x: -84, y: -24, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true},
138 'largeicon-play-animation': {x: -320, y: -48, width: 28, height: 24, spriteshe et: 'largeicons', isMask: true}, 146 'largeicon-dock-to-left': {x: -84, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
139 'largeicon-eyedropper': {x: -288, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true}, 147 'largeicon-dock-to-right': {x: -84, y: -72, width: 28, height: 24, spritesheet : 'largeicons', isMask: true},
140 'largeicon-copy': {x: -291, y: -143, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true}, 148 'largeicon-edit': {x: 0, y: -96, width: 28, height: 24, spritesheet: 'largeico ns', isMask: true},
141 'largeicon-checkmark': {x: -260, y: -71, width: 28, height: 24, spritesheet: ' largeicons', isMask: true}, 149 'largeicon-eyedropper': {x: -28, y: -96, width: 28, height: 24, spritesheet: ' largeicons', isMask: true},
142 'largeicon-rotate': {x: -160, y: -120, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true}, 150 'largeicon-filter': {x: -56, y: -96, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true},
143 'largeicon-center': {x: -128, y: -120, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true}, 151 'largeicon-foreground-color': {x: -84, y: -96, width: 28, height: 24, spritesh eet: 'largeicons', isMask: true},
144 'largeicon-pan': {x: -98, y: -120, width: 28, height: 24, spritesheet: 'largei cons', isMask: true}, 152 'largeicon-hide-bottom-sidebar': {x: -112, y: 0, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true},
145 'largeicon-waterfall': {x: -128, y: -48, width: 28, height: 24, spritesheet: ' largeicons', isMask: true}, 153 'largeicon-hide-left-sidebar': {x: -112, y: -24, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true},
146 'largeicon-filter': {x: -32, y: -48, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true}, 154 'largeicon-hide-right-sidebar': {x: -112, y: -48, width: 28, height: 24, sprit esheet: 'largeicons', isMask: true},
147 'largeicon-trash-bin': {x: -128, y: -24, width: 28, height: 24, spritesheet: ' largeicons', isMask: true}, 155 'largeicon-hide-top-sidebar': {x: -112, y: -72, width: 28, height: 24, sprites heet: 'largeicons', isMask: true},
148 'largeicon-pretty-print': {x: -256, y: -24, width: 28, height: 24, spritesheet : 'largeicons', isMask: true}, 156 'largeicon-large-list': {x: -112, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
149 'largeicon-deactivate-breakpoints': {x: 0, y: -24, width: 28, height: 24, spri tesheet: 'largeicons', isMask: true}, 157 'largeicon-layout-editor': {x: 0, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
150 'largeicon-activate-breakpoints': {x: -32, y: 0, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true}, 158 'largeicon-longclick-triangle': {x: -28, y: -120, width: 28, height: 24, sprit esheet: 'largeicons', isMask: true},
151 'largeicon-resume': {x: 0, y: -72, width: 28, height: 24, spritesheet: 'largei cons', isMask: true}, 159 'largeicon-menu': {x: -56, y: -120, width: 28, height: 24, spritesheet: 'large icons', isMask: true},
152 'largeicon-pause': {x: -32, y: -72, width: 28, height: 24, spritesheet: 'large icons', isMask: true}, 160 'largeicon-navigator-domain': {x: -84, y: -120, width: 28, height: 24, sprites heet: 'largeicons', isMask: true},
153 'largeicon-pause-on-exceptions': {x: -256, y: 0, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true}, 161 'largeicon-navigator-file': {x: -112, y: -120, width: 28, height: 24, spritesh eet: 'largeicons', isMask: true},
154 'largeicon-play-back': {x: -96, y: -48, width: 28, height: 24, spritesheet: 'l argeicons', isMask: true}, 162 'largeicon-navigator-file-sync': {x: -140, y: 0, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true},
155 'largeicon-play': {x: -64, y: -48, width: 28, height: 24, spritesheet: 'largei cons', isMask: true}, 163 'largeicon-navigator-folder': {x: -140, y: -24, width: 28, height: 24, sprites heet: 'largeicons', isMask: true},
156 'largeicon-step-over': {x: -128, y: -72, width: 28, height: 24, spritesheet: ' largeicons', isMask: true}, 164 'largeicon-navigator-frame': {x: -140, y: -48, width: 28, height: 24, spritesh eet: 'largeicons', isMask: true},
157 'largeicon-step-out': {x: -96, y: -72, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true}, 165 'largeicon-navigator-snippet': {x: -140, y: -72, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true},
158 'largeicon-step-in': {x: -64, y: -72, width: 28, height: 24, spritesheet: 'lar geicons', isMask: true}, 166 'largeicon-navigator-worker': {x: -140, y: -96, width: 28, height: 24, sprites heet: 'largeicons', isMask: true},
159 'largeicon-camera': {x: -96, y: -24, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true}, 167 'largeicon-node-search': {x: -140, y: -120, width: 28, height: 24, spritesheet : 'largeicons', isMask: true},
160 'largeicon-stop-recording': {x: -288, y: -24, width: 28, height: 24, spriteshe et: 'largeicons', isMask: true}, 168 'largeicon-pan': {x: 0, y: -144, width: 28, height: 24, spritesheet: 'largeico ns', isMask: true},
161 'largeicon-start-recording': {x: -288, y: 0, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true}, 169 'largeicon-pause-animation': {x: -28, y: -144, width: 28, height: 24, spritesh eet: 'largeicons', isMask: true},
162 'largeicon-large-list': {x: -224, y: 0, width: 28, height: 24, spritesheet: 'l argeicons', isMask: true}, 170 'largeicon-pause': {x: -56, y: -144, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true},
163 'largeicon-visibility': {x: -96, y: 0, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true}, 171 'largeicon-pause-on-exceptions': {x: -84, y: -144, width: 28, height: 24, spri tesheet: 'largeicons', isMask: true},
164 'largeicon-refresh': {x: 0, y: 0, width: 28, height: 24, spritesheet: 'largeic ons', isMask: true}, 172 'largeicon-phone': {x: -112, y: -144, width: 28, height: 24, spritesheet: 'lar geicons', isMask: true},
165 'largeicon-dock-to-right': {x: -256, y: -48, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true}, 173 'largeicon-play-animation': {x: -140, y: -144, width: 28, height: 24, spritesh eet: 'largeicons', isMask: true},
166 'largeicon-dock-to-left': {x: -224, y: -48, width: 28, height: 24, spritesheet : 'largeicons', isMask: true}, 174 'largeicon-play-back': {x: 0, y: -168, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true},
167 'largeicon-dock-to-bottom': {x: -32, y: -24, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true}, 175 'largeicon-play': {x: -28, y: -168, width: 28, height: 24, spritesheet: 'large icons', isMask: true},
168 'largeicon-undock': {x: 0, y: -48, width: 28, height: 24, spritesheet: 'largei cons', isMask: true}, 176 'largeicon-pretty-print': {x: -56, y: -168, width: 28, height: 24, spritesheet : 'largeicons', isMask: true},
169 'largeicon-settings-gear': {x: -288, y: -72, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true}, 177 'largeicon-refresh': {x: -84, y: -168, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true},
170 178 'largeicon-replay-animation': {x: -112, y: -168, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true},
171 'largeicon-show-left-sidebar': {x: -160, y: -72, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true}, 179 'largeicon-resume': {x: -140, y: -168, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true},
172 'largeicon-hide-left-sidebar': {x: -192, y: -72, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true}, 180 'largeicon-rotate': {x: -168, y: 0, width: 28, height: 24, spritesheet: 'large icons', isMask: true},
173 'largeicon-show-right-sidebar': {x: -192, y: -96, width: 28, height: 24, sprit esheet: 'largeicons', isMask: true}, 181 'largeicon-rotate-screen': {x: -168, y: -24, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true},
174 'largeicon-hide-right-sidebar': {x: -192, y: -120, width: 28, height: 24, spri tesheet: 'largeicons', isMask: true}, 182 'largeicon-settings-gear': {x: -168, y: -48, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true},
175 'largeicon-show-top-sidebar': {x: -288, y: -96, width: 28, height: 24, sprites heet: 'largeicons', isMask: true}, 183 'largeicon-show-bottom-sidebar': {x: -168, y: -72, width: 28, height: 24, spri tesheet: 'largeicons', isMask: true},
176 'largeicon-hide-top-sidebar': {x: -256, y: -96, width: 28, height: 24, sprites heet: 'largeicons', isMask: true}, 184 'largeicon-show-left-sidebar': {x: -168, y: -96, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true},
177 'largeicon-show-bottom-sidebar': {x: -224, y: -144, width: 28, height: 24, spr itesheet: 'largeicons', isMask: true}, 185 'largeicon-show-right-sidebar': {x: -168, y: -120, width: 28, height: 24, spri tesheet: 'largeicons', isMask: true},
178 'largeicon-hide-bottom-sidebar': {x: -256, y: -120, width: 28, height: 24, spr itesheet: 'largeicons', isMask: true}, 186 'largeicon-show-top-sidebar': {x: -168, y: -144, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true},
179 'largeicon-navigator-file': {x: -226, y: -72, width: 28, height: 24, spriteshe et: 'largeicons', isMask: true}, 187 'largeicon-start-recording': {x: -168, y: -168, width: 28, height: 24, sprites heet: 'largeicons', isMask: true},
180 'largeicon-navigator-file-sync': {x: -162, y: -24, width: 28, height: 24, spri tesheet: 'largeicons', isMask: true}, 188 'largeicon-step-in': {x: 0, y: -192, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true},
181 'badge-navigator-file-sync': {x: -322, y: -72, width: 28, height: 24, spritesh eet: 'largeicons'}, 189 'largeicon-step-out': {x: -28, y: -192, width: 28, height: 24, spritesheet: 'l argeicons', isMask: true},
182 'largeicon-navigator-folder': {x: -66, y: -120, width: 28, height: 24, sprites heet: 'largeicons', isMask: true}, 190 'largeicon-step-over': {x: -56, y: -192, width: 28, height: 24, spritesheet: ' largeicons', isMask: true},
183 'largeicon-navigator-domain': {x: -162, y: -144, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true}, 191 'largeicon-stop-recording': {x: -84, y: -192, width: 28, height: 24, spriteshe et: 'largeicons', isMask: true},
184 'largeicon-navigator-frame': {x: -258, y: -144, width: 28, height: 24, sprites heet: 'largeicons', isMask: true}, 192 'largeicon-text-shadow': {x: -112, y: -192, width: 28, height: 24, spritesheet : 'largeicons', isMask: true},
185 'largeicon-navigator-worker': {x: -322, y: -144, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true}, 193 'largeicon-trash-bin': {x: -140, y: -192, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
186 'largeicon-navigator-snippet': {x: -226, y: -96, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true}, 194 'largeicon-undock': {x: -168, y: -192, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true},
187 'largeicon-edit': {x: -160, y: -0, width: 28, height: 24, spritesheet: 'largei cons', isMask: true}, 195 'largeicon-visibility': {x: -196, y: 0, width: 28, height: 24, spritesheet: 'l argeicons', isMask: true},
188 'largeicon-chevron': {x: -68, y: -143, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true}, 196 'largeicon-waterfall': {x: -196, y: -24, width: 28, height: 24, spritesheet: ' largeicons', isMask: true},
189
190 'mediumicon-manifest': {x: 0, y: -0, width: 16, height: 16, spritesheet: 'reso urceicons', isMask: true},
191 'mediumicon-service-worker': {x: -20, y: -0, width: 16, height: 16, spriteshee t: 'resourceicons', isMask: true},
192 'mediumicon-clear-storage': {x: -40, y: -0, width: 16, height: 16, spritesheet : 'resourceicons', isMask: true},
193 'mediumicon-database': {x: -60, y: -0, width: 16, height: 16, spritesheet: 're sourceicons', isMask: true},
194 'mediumicon-table': {x: -80, y: -0, width: 16, height: 16, spritesheet: 'resou rceicons', isMask: true},
195 'mediumicon-cookie': {x: -120, y: -0, width: 16, height: 16, spritesheet: 'res ourceicons', isMask: true},
196 197
197 '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'},
dgozman 2017/03/25 15:45:35 And these.
lushnikov 2017/03/25 18:51:22 An ideal solution would be to port them over into
198 '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'},
199 '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'},
200 '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'},
201 }; 202 };
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/Images/toolbarButtonGlyphs_2x.png ('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