DevTools: minor cleanup for the icons

third_party/WebKit/Source/devtools/front_end/ui/Icon.js

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @extends {HTMLSpanElement}
  */
 UI.Icon = class extends HTMLSpanElement {
   constructor() {
@@ skipping 101 matching lines @@
   'smallicon-red-cross-hover': {x: -96, y: -96, width: 14, height: 14, spritesheet: 'largeicons'},
   'smallicon-red-cross-active': {x: -111, y: -96, width: 14, height: 14, spritesheet: 'largeicons'},
   'smallicon-gray-cross-hover': {x: -143, y: -96, width: 13, height: 13, spritesheet: 'largeicons'},
   'smallicon-gray-cross-active': {x: -160, y: -96, width: 13, height: 13, spritesheet: 'largeicons'},
 
   'smallicon-inline-breakpoint': {x: -140, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
   'smallicon-inline-breakpoint-conditional': {x: -160, y: -20, width: 10, height: 10, spritesheet: 'smallicons'},
   'smallicon-file': {x: -64, y: -24, width: 12, height: 14, spritesheet: 'largeicons'},
   'smallicon-file-sync': {x: -76, y: -24, width: 12, height: 14, spritesheet: 'largeicons'},
   'smallicon-search': {x: -234, y: -30, width: 12, height: 12, spritesheet: 'largeicons'},
-  'smallicon-clear-input': {x: -143, y: -96, width: 13, height: 13, spritesheet: 'largeicons'},
   'smallicon-checkmark': {x: -128, y: -109, width: 10, height: 10, spritesheet: 'largeicons'},
 
   'largeicon-longclick-triangle': {x: -290, y: -46, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-menu': {x: -192, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-delete': {x: -128, y: -0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-node-search': {x: -320, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-add': {x: -224, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-clear': {x: -64, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-rotate-screen': {x: -192, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-phone': {x: -320, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-block': {x: -32, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-layout-editor': {x: 0, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-foreground-color': {x: -128, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-background-color': {x: -96, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-text-shadow': {x: -192, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-box-shadow': {x: -160, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-pause-animation': {x: -320, y: 0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-replay-animation': {x: -320, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-play-animation': {x: -320, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-eyedropper': {x: -288, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-copy': {x: -291, y: -143, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
@@ skipping 24 matching lines @@
   'largeicon-dock-to-right': {x: -256, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-dock-to-left': {x: -224, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-dock-to-bottom': {x: -32, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-undock': {x: 0, y: -48, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-settings-gear': {x: -288, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
 
   'largeicon-show-left-sidebar': {x: -160, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-hide-left-sidebar': {x: -192, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-show-right-sidebar': {x: -192, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-hide-right-sidebar': {x: -192, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-show-top-sidebar': {
-    x: -288,
-    y: -96,
-    width: 28,
-    height: 24,
-    spritesheet: 'largeicons',
-    isMask: true,
-  },
-  'largeicon-hide-top-sidebar': {
-    x: -256,
-    y: -96,
-    width: 28,
-    height: 24,
-    spritesheet: 'largeicons',
-    isMask: true,
-  },
-  'largeicon-show-bottom-sidebar': {
-    x: -224,
-    y: -144,
-    width: 28,
-    height: 24,
-    spritesheet: 'largeicons',
-    isMask: true,
-  },
-  'largeicon-hide-bottom-sidebar': {
-    x: -256,
-    y: -120,
-    width: 28,
-    height: 24,
-    spritesheet: 'largeicons',
-    isMask: true,
-  },
+  'largeicon-show-top-sidebar': {x: -288, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-hide-top-sidebar': {x: -256, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-show-bottom-sidebar': {x: -224, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
+  'largeicon-hide-bottom-sidebar': {x: -256, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-navigator-file': {x: -226, y: -72, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-navigator-file-sync': {x: -162, y: -24, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'badge-navigator-file-sync': {x: -322, y: -72, width: 28, height: 24, spritesheet: 'largeicons'},
   'largeicon-navigator-folder': {x: -66, y: -120, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-navigator-domain': {x: -162, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-navigator-frame': {x: -258, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-navigator-worker': {x: -322, y: -144, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-navigator-snippet': {x: -226, y: -96, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
   'largeicon-edit': {x: -160, y: -0, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},
-  'largeicon-chevron': {x: -68, y: -143, width: 24, height: 26, spritesheet: 'largeicons', isMask: true},
+  'largeicon-chevron': {x: -68, y: -143, width: 28, height: 24, spritesheet: 'largeicons', isMask: true},

[dgozman, 2017/03/24 16:53:59]

Don't you have to adjust the usages? Or is it magically placed at the right
spot?

[lushnikov, 2017/03/24 16:55:11]

It is Magically placed :)

 
   'mediumicon-manifest': {x: 0, y: -0, width: 16, height: 16, spritesheet: 'resourceicons', isMask: true},
   'mediumicon-service-worker': {x: -20, y: -0, width: 16, height: 16, spritesheet: 'resourceicons', isMask: true},
   'mediumicon-clear-storage': {x: -40, y: -0, width: 16, height: 16, spritesheet: 'resourceicons', isMask: true},
   'mediumicon-database': {x: -60, y: -0, width: 16, height: 16, spritesheet: 'resourceicons', isMask: true},
   'mediumicon-table': {x: -80, y: -0, width: 16, height: 16, spritesheet: 'resourceicons', isMask: true},
   'mediumicon-cookie': {x: -120, y: -0, width: 16, height: 16, spritesheet: 'resourceicons', 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'},
 };