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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2482073002: DevTools: introduce beautiful checkmarks in navigator and editor tabs (Closed)
Patch Set: rename icons Created 4 years, 1 month 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/navigatorTree.css ('k') | no next file » | 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 WebInspector.Icon = class extends HTMLSpanElement { 9 WebInspector.Icon = class extends HTMLSpanElement {
10 constructor() { 10 constructor() {
(...skipping 93 matching lines...) Expand 10 before | Expand all | Expand 10 after
104 'smallicon-red-ball': {x: -120, y: 0, width: 10, height: 10, spritesheet: 'sma llicons'}, 104 'smallicon-red-ball': {x: -120, y: 0, width: 10, height: 10, spritesheet: 'sma llicons'},
105 'smallicon-green-ball': {x: -140, y: 0, width: 10, height: 10, spritesheet: 's mallicons'}, 105 'smallicon-green-ball': {x: -140, y: 0, width: 10, height: 10, spritesheet: 's mallicons'},
106 'smallicon-orange-ball': {x: -160, y: 0, width: 10, height: 10, spritesheet: ' smallicons'}, 106 'smallicon-orange-ball': {x: -160, y: 0, width: 10, height: 10, spritesheet: ' smallicons'},
107 'smallicon-thick-right-arrow': {x: -180, y: 0, width: 10, height: 10, spritesh eet: 'smallicons'}, 107 'smallicon-thick-right-arrow': {x: -180, y: 0, width: 10, height: 10, spritesh eet: 'smallicons'},
108 'smallicon-user-command': {x: 0, y: -20, width: 10, height: 10, spritesheet: ' smallicons'}, 108 'smallicon-user-command': {x: 0, y: -20, width: 10, height: 10, spritesheet: ' smallicons'},
109 'smallicon-text-prompt': {x: -20, y: -20, width: 10, height: 10, spritesheet: 'smallicons'}, 109 'smallicon-text-prompt': {x: -20, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
110 'smallicon-command-result': {x: -40, y: -20, width: 10, height: 10, spriteshee t: 'smallicons'}, 110 'smallicon-command-result': {x: -40, y: -20, width: 10, height: 10, spriteshee t: 'smallicons'},
111 'smallicon-shadow': {x: -60, y: -20, width: 10, height: 10, spritesheet: 'smal licons', isMask: true}, 111 'smallicon-shadow': {x: -60, y: -20, width: 10, height: 10, spritesheet: 'smal licons', isMask: true},
112 'smallicon-bezier': {x: -80, y: -20, width: 10, height: 10, spritesheet: 'smal licons', isMask: true}, 112 'smallicon-bezier': {x: -80, y: -20, width: 10, height: 10, spritesheet: 'smal licons', isMask: true},
113 'smallicon-dropdown-arrow': {x: -18, y: -96, width: 12, height: 12, spriteshee t: 'largeicons', isMask: true}, 113 'smallicon-dropdown-arrow': {x: -18, y: -96, width: 12, height: 12, spriteshee t: 'largeicons', isMask: true},
114 'smallicon-checkmark': {x: -100, y: -20, width: 10, height: 10, spritesheet: ' smallicons', isMask: true},
115 'smallicon-green-checkmark': {x: -120, y: -20, width: 10, height: 10, spritesh eet: 'smallicons'},
114 116
115 'largeicon-longclick-triangle': {x: -290, y: -46, width: 28, height: 24, sprit esheet: 'largeicons', isMask: true}, 117 'largeicon-longclick-triangle': {x: -290, y: -46, width: 28, height: 24, sprit esheet: 'largeicons', isMask: true},
116 'largeicon-menu': {x: -192, y: -24, width: 28, height: 24, spritesheet: 'large icons', isMask: true}, 118 'largeicon-menu': {x: -192, y: -24, width: 28, height: 24, spritesheet: 'large icons', isMask: true},
117 'largeicon-delete': {x: -128, y: -0, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true}, 119 'largeicon-delete': {x: -128, y: -0, width: 28, height: 24, spritesheet: 'larg eicons', isMask: true},
118 'largeicon-node-search': {x: -320, y: -120, width: 28, height: 24, spritesheet : 'largeicons', isMask: true}, 120 'largeicon-node-search': {x: -320, y: -120, width: 28, height: 24, spritesheet : 'largeicons', isMask: true},
119 'largeicon-add': {x: -224, y: -120, width: 28, height: 24, spritesheet: 'large icons', isMask: true}, 121 'largeicon-add': {x: -224, y: -120, width: 28, height: 24, spritesheet: 'large icons', isMask: true},
120 'largeicon-clear': {x: -64, y: 0, width: 28, height: 24, spritesheet: 'largei cons', isMask: true}, 122 'largeicon-clear': {x: -64, y: 0, width: 28, height: 24, spritesheet: 'largei cons', isMask: true},
121 'largeicon-rotate-screen': {x: -192, y: -144, width: 28, height: 24, spritesh eet: 'largeicons', isMask: true}, 123 'largeicon-rotate-screen': {x: -192, y: -144, width: 28, height: 24, spritesh eet: 'largeicons', isMask: true},
122 'largeicon-phone': {x: -320, y: -96, width: 28, height: 24, spritesheet: 'lar geicons', isMask: true}, 124 'largeicon-phone': {x: -320, y: -96, width: 28, height: 24, spritesheet: 'lar geicons', isMask: true},
123 'largeicon-block': {x: -32, y: -144, width: 28, height: 24, spritesheet: 'lar geicons', isMask: true}, 125 'largeicon-block': {x: -32, y: -144, width: 28, height: 24, spritesheet: 'lar geicons', isMask: true},
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after
159 161
160 'largeicon-show-left-sidebar': {x: -160, y: -72, width: 28, height: 24, sprit esheet: 'largeicons', isMask: true}, 162 'largeicon-show-left-sidebar': {x: -160, y: -72, width: 28, height: 24, sprit esheet: 'largeicons', isMask: true},
161 'largeicon-hide-left-sidebar': {x: -192, y: -72, width: 28, height: 24, sprit esheet: 'largeicons', isMask: true}, 163 'largeicon-hide-left-sidebar': {x: -192, y: -72, width: 28, height: 24, sprit esheet: 'largeicons', isMask: true},
162 'largeicon-show-right-sidebar': {x: -160, y: -72, width: 28, height: 24, spri tesheet: 'largeicons', isMask: true, transform: 'rotate(180deg)'}, 164 'largeicon-show-right-sidebar': {x: -160, y: -72, width: 28, height: 24, spri tesheet: 'largeicons', isMask: true, transform: 'rotate(180deg)'},
163 'largeicon-hide-right-sidebar': {x: -192, y: -72, width: 28, height: 24, spri tesheet: 'largeicons', isMask: true, transform: 'rotate(180deg)'}, 165 'largeicon-hide-right-sidebar': {x: -192, y: -72, width: 28, height: 24, spri tesheet: 'largeicons', isMask: true, transform: 'rotate(180deg)'},
164 'largeicon-show-top-sidebar': {x: -160, y: -72, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true, transform: 'translate(4px, 0) rotate(90deg)'} , 166 'largeicon-show-top-sidebar': {x: -160, y: -72, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true, transform: 'translate(4px, 0) rotate(90deg)'} ,
165 'largeicon-hide-top-sidebar': {x: -192, y: -72, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true, transform: 'translate(4px, 1px) rotate(90deg) '}, 167 'largeicon-hide-top-sidebar': {x: -192, y: -72, width: 28, height: 24, sprite sheet: 'largeicons', isMask: true, transform: 'translate(4px, 1px) rotate(90deg) '},
166 'largeicon-show-bottom-sidebar': {x: -160, y: -72, width: 28, height: 24, spr itesheet: 'largeicons', isMask: true, transform: 'translate(4px, 0) rotate(-90de g)'}, 168 'largeicon-show-bottom-sidebar': {x: -160, y: -72, width: 28, height: 24, spr itesheet: 'largeicons', isMask: true, transform: 'translate(4px, 0) rotate(-90de g)'},
167 'largeicon-hide-bottom-sidebar': {x: -192, y: -72, width: 28, height: 24, spr itesheet: 'largeicons', isMask: true, transform: 'translate(4px, 1px) rotate(-90 deg)'}, 169 'largeicon-hide-bottom-sidebar': {x: -192, y: -72, width: 28, height: 24, spr itesheet: 'largeicons', isMask: true, transform: 'translate(4px, 1px) rotate(-90 deg)'},
168 }; 170 };
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/sources/navigatorTree.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698