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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2644393002: [DevTools] Implement dock to left. (Closed)
Patch Set: Created 3 years, 11 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/main/Main.js ('k') | third_party/WebKit/Source/devtools/front_end/ui/SoftContextMenu.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 143 matching lines...) Expand 10 before | Expand all | Expand 10 after
154 'largeicon-step-over': {x: -128, y: -72, width: 28, height: 24, spritesheet: ' largeicons', isMask: true}, 154 'largeicon-step-over': {x: -128, y: -72, width: 28, height: 24, spritesheet: ' largeicons', isMask: true},
155 'largeicon-step-out': {x: -96, y: -72, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true}, 155 'largeicon-step-out': {x: -96, y: -72, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true},
156 'largeicon-step-in': {x: -64, y: -72, width: 28, height: 24, spritesheet: 'lar geicons', isMask: true}, 156 'largeicon-step-in': {x: -64, y: -72, width: 28, height: 24, spritesheet: 'lar geicons', isMask: true},
157 'largeicon-camera': {x: -96, y: -24, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true}, 157 'largeicon-camera': {x: -96, y: -24, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true},
158 'largeicon-stop-recording': {x: -288, y: -24, width: 28, height: 24, spriteshe et: 'largeicons', isMask: true}, 158 'largeicon-stop-recording': {x: -288, y: -24, width: 28, height: 24, spriteshe et: 'largeicons', isMask: true},
159 'largeicon-start-recording': {x: -288, y: 0, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true}, 159 'largeicon-start-recording': {x: -288, y: 0, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true},
160 'largeicon-large-list': {x: -224, y: 0, width: 28, height: 24, spritesheet: 'l argeicons', isMask: true}, 160 'largeicon-large-list': {x: -224, y: 0, width: 28, height: 24, spritesheet: 'l argeicons', isMask: true},
161 'largeicon-visibility': {x: -96, y: 0, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true}, 161 'largeicon-visibility': {x: -96, y: 0, width: 28, height: 24, spritesheet: 'la rgeicons', isMask: true},
162 'largeicon-refresh': {x: 0, y: 0, width: 28, height: 24, spritesheet: 'largeic ons', isMask: true}, 162 'largeicon-refresh': {x: 0, y: 0, width: 28, height: 24, spritesheet: 'largeic ons', isMask: true},
163 'largeicon-dock-to-right': {x: -256, y: -48, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true}, 163 'largeicon-dock-to-right': {x: -256, y: -48, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true},
164 'largeicon-dock-to-left':
165 {x: -256, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask : true, transform: 'rotate(180deg)'},
164 'largeicon-dock-to-bottom': {x: -32, y: -24, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true}, 166 'largeicon-dock-to-bottom': {x: -32, y: -24, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true},
165 'largeicon-undock': {x: 0, y: -48, width: 28, height: 24, spritesheet: 'largei cons', isMask: true}, 167 'largeicon-undock': {x: 0, y: -48, width: 28, height: 24, spritesheet: 'largei cons', isMask: true},
166 'largeicon-settings-gear': {x: -288, y: -72, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true}, 168 'largeicon-settings-gear': {x: -288, y: -72, width: 28, height: 24, spriteshee t: 'largeicons', isMask: true},
167 169
168 'largeicon-show-left-sidebar': {x: -160, y: -72, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true}, 170 'largeicon-show-left-sidebar': {x: -160, y: -72, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true},
169 'largeicon-hide-left-sidebar': {x: -192, y: -72, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true}, 171 'largeicon-hide-left-sidebar': {x: -192, y: -72, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true},
170 'largeicon-show-right-sidebar': 172 'largeicon-show-right-sidebar':
171 {x: -160, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask : true, transform: 'rotate(180deg)'}, 173 {x: -160, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask : true, transform: 'rotate(180deg)'},
172 'largeicon-hide-right-sidebar': 174 'largeicon-hide-right-sidebar':
173 {x: -192, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask : true, transform: 'rotate(180deg)'}, 175 {x: -192, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask : true, transform: 'rotate(180deg)'},
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after
209 }, 211 },
210 'largeicon-navigator-file': {x: -224, y: -72, width: 32, height: 24, spriteshe et: 'largeicons', isMask: true}, 212 'largeicon-navigator-file': {x: -224, y: -72, width: 32, height: 24, spriteshe et: 'largeicons', isMask: true},
211 'largeicon-navigator-file-sync': {x: -160, y: -24, width: 32, height: 24, spri tesheet: 'largeicons', isMask: true}, 213 'largeicon-navigator-file-sync': {x: -160, y: -24, width: 32, height: 24, spri tesheet: 'largeicons', isMask: true},
212 'badge-navigator-file-sync': {x: -320, y: -72, width: 32, height: 24, spritesh eet: 'largeicons'}, 214 'badge-navigator-file-sync': {x: -320, y: -72, width: 32, height: 24, spritesh eet: 'largeicons'},
213 'largeicon-navigator-folder': {x: -64, y: -120, width: 32, height: 24, sprites heet: 'largeicons', isMask: true}, 215 'largeicon-navigator-folder': {x: -64, y: -120, width: 32, height: 24, sprites heet: 'largeicons', isMask: true},
214 'largeicon-navigator-domain': {x: -160, y: -144, width: 32, height: 24, sprite sheet: 'largeicons', isMask: true}, 216 'largeicon-navigator-domain': {x: -160, y: -144, width: 32, height: 24, sprite sheet: 'largeicons', isMask: true},
215 'largeicon-navigator-frame': {x: -256, y: -144, width: 32, height: 24, sprites heet: 'largeicons', isMask: true}, 217 'largeicon-navigator-frame': {x: -256, y: -144, width: 32, height: 24, sprites heet: 'largeicons', isMask: true},
216 'largeicon-navigator-worker': {x: -320, y: -144, width: 32, height: 24, sprite sheet: 'largeicons', isMask: true}, 218 'largeicon-navigator-worker': {x: -320, y: -144, width: 32, height: 24, sprite sheet: 'largeicons', isMask: true},
217 'largeicon-navigator-snippet': {x: -224, y: -96, width: 32, height: 24, sprite sheet: 'largeicons', isMask: true}, 219 'largeicon-navigator-snippet': {x: -224, y: -96, width: 32, height: 24, sprite sheet: 'largeicons', isMask: true},
218 }; 220 };
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/main/Main.js ('k') | third_party/WebKit/Source/devtools/front_end/ui/SoftContextMenu.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698