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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2771063002: DevTools: make dropdown arrow spacing nicer (Closed)
Patch Set: use triangle-down, remove dropdown-arrow icon 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 unified diff | Download patch
« no previous file with comments | « no previous file | 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 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
96 'smallicon-green-arrow': {x: -120, y: -20, width: 10, height: 10, spritesheet: 'smallicons'}, 96 'smallicon-green-arrow': {x: -120, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
97 'smallicon-step-in': {x: -100, y: -20, width: 10, height: 10, spritesheet: 'sm allicons'}, 97 'smallicon-step-in': {x: -100, y: -20, width: 10, height: 10, spritesheet: 'sm allicons'},
98 'smallicon-step-out': {x: 0, y: 0, width: 10, height: 10, spritesheet: 'smalli cons'}, 98 'smallicon-step-out': {x: 0, y: 0, 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-thick-right-arrow': {x: -180, y: 0, width: 10, height: 10, spritesh eet: 'smallicons'},
100 'smallicon-thick-left-arrow': {x: -180, y: -20, width: 10, height: 10, sprites heet: 'smallicons'}, 100 'smallicon-thick-left-arrow': {x: -180, 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-user-command': {x: 0, y: -19, width: 10, height: 10, spritesheet: ' smallicons'},
102 'smallicon-text-prompt': {x: -20, y: -20, width: 10, height: 10, spritesheet: 'smallicons'}, 102 'smallicon-text-prompt': {x: -20, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
103 'smallicon-command-result': {x: -40, y: -19, width: 10, height: 10, spriteshee t: 'smallicons'}, 103 'smallicon-command-result': {x: -40, y: -19, width: 10, height: 10, spriteshee t: 'smallicons'},
104 'smallicon-shadow': {x: -60, y: -20, 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},
105 'smallicon-bezier': {x: -80, y: -20, width: 10, height: 10, spritesheet: 'smal licons', isMask: true}, 105 'smallicon-bezier': {x: -80, y: -20, width: 10, height: 10, spritesheet: 'smal licons', isMask: true},
106 'smallicon-dropdown-arrow': {x: -18, y: -96, width: 12, height: 12, spriteshee t: 'largeicons', isMask: true},
107 'smallicon-triangle-right': {x: -4, y: -98, width: 10, height: 10, spritesheet : 'largeicons', isMask: true}, 106 'smallicon-triangle-right': {x: -4, y: -98, width: 10, height: 10, spritesheet : 'largeicons', isMask: true},
108 'smallicon-triangle-down': {x: -20, y: -98, width: 10, height: 10, spritesheet : 'largeicons', isMask: true}, 107 'smallicon-triangle-down': {x: -20, y: -98, width: 10, height: 10, spritesheet : 'largeicons', isMask: true},
109 'smallicon-triangle-up': {x: -4, y: -111, width: 10, height: 10, spritesheet: 'largeicons', isMask: true}, 108 'smallicon-triangle-up': {x: -4, y: -111, width: 10, height: 10, spritesheet: 'largeicons', isMask: true},
110 'smallicon-arrow-in-circle': {x: -10, y: -127, width: 11, height: 11, spritesh eet: 'largeicons', isMask: true}, 109 'smallicon-arrow-in-circle': {x: -10, y: -127, width: 11, height: 11, spritesh eet: 'largeicons', isMask: true},
111 'smallicon-cross': {x: -177, y: -98, width: 10, height: 10, spritesheet: 'larg eicons'}, 110 'smallicon-cross': {x: -177, y: -98, width: 10, height: 10, spritesheet: 'larg eicons'},
112 'smallicon-red-cross-hover': {x: -96, y: -96, width: 14, height: 14, spriteshe et: 'largeicons'}, 111 'smallicon-red-cross-hover': {x: -96, y: -96, width: 14, height: 14, spriteshe et: 'largeicons'},
113 'smallicon-red-cross-active': {x: -111, y: -96, width: 14, height: 14, sprites heet: 'largeicons'}, 112 'smallicon-red-cross-active': {x: -111, y: -96, width: 14, height: 14, sprites heet: 'largeicons'},
114 'smallicon-gray-cross-hover': {x: -143, y: -96, width: 13, height: 13, sprites heet: 'largeicons'}, 113 'smallicon-gray-cross-hover': {x: -143, y: -96, width: 13, height: 13, sprites heet: 'largeicons'},
115 'smallicon-gray-cross-active': {x: -160, y: -96, width: 13, height: 13, sprite sheet: 'largeicons'}, 114 'smallicon-gray-cross-active': {x: -160, y: -96, width: 13, height: 13, sprite sheet: 'largeicons'},
116 115
(...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after
223 'mediumicon-clear-storage': {x: -40, y: -0, width: 16, height: 16, spritesheet : 'resourceicons', isMask: true}, 222 'mediumicon-clear-storage': {x: -40, y: -0, width: 16, height: 16, spritesheet : 'resourceicons', isMask: true},
224 'mediumicon-database': {x: -60, y: -0, width: 16, height: 16, spritesheet: 're sourceicons', isMask: true}, 223 'mediumicon-database': {x: -60, y: -0, width: 16, height: 16, spritesheet: 're sourceicons', isMask: true},
225 'mediumicon-table': {x: -80, y: -0, width: 16, height: 16, spritesheet: 'resou rceicons', isMask: true}, 224 'mediumicon-table': {x: -80, y: -0, width: 16, height: 16, spritesheet: 'resou rceicons', isMask: true},
226 'mediumicon-cookie': {x: -120, y: -0, width: 16, height: 16, spritesheet: 'res ourceicons', isMask: true}, 225 'mediumicon-cookie': {x: -120, y: -0, width: 16, height: 16, spritesheet: 'res ourceicons', isMask: true},
227 226
228 'mediumicon-arrow-top': {x: 0, y: 0, width: 19, height: 19, spritesheet: 'arro wicons'}, 227 'mediumicon-arrow-top': {x: 0, y: 0, width: 19, height: 19, spritesheet: 'arro wicons'},
229 'mediumicon-arrow-bottom': {x: 0, y: -19, width: 19, height: 19, spritesheet: 'arrowicons'}, 228 'mediumicon-arrow-bottom': {x: 0, y: -19, width: 19, height: 19, spritesheet: 'arrowicons'},
230 'mediumicon-arrow-left': {x: 0, y: -38, width: 19, height: 19, spritesheet: 'a rrowicons'}, 229 'mediumicon-arrow-left': {x: 0, y: -38, width: 19, height: 19, spritesheet: 'a rrowicons'},
231 'mediumicon-arrow-right': {x: 0, y: -57, width: 19, height: 19, spritesheet: ' arrowicons'}, 230 'mediumicon-arrow-right': {x: 0, y: -57, width: 19, height: 19, spritesheet: ' arrowicons'},
232 }; 231 };
OLDNEW
« no previous file with comments | « no previous file | 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