DevTools: migrate SoftContextMenu icons over to UI.Icon

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

 /*
  * Copyright (C) 2011 Google Inc. All Rights Reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 106 matching lines @@
   }
 
   _createMenuItem(item) {
     if (item.type === 'separator')
       return this._createSeparator();
 
     if (item.type === 'subMenu')
       return this._createSubMenu(item);
 
     var menuItemElement = createElementWithClass('div', 'soft-context-menu-item');
-    var checkMarkElement = menuItemElement.createChild('div', 'checkmark');
+    var checkMarkElement = UI.Icon.create('smallicon-checkmark', 'checkmark');
+    menuItemElement.appendChild(checkMarkElement);
     if (!item.checked)
       checkMarkElement.style.opacity = '0';
 
     if (item.element) {
       var wrapper = menuItemElement.createChild('div', 'soft-context-menu-custom-item');
       wrapper.appendChild(item.element);
       menuItemElement._isCustom = true;
       return menuItemElement;
     }
 
@@ skipping 11 matching lines @@
 
     menuItemElement._actionId = item.id;
     return menuItemElement;
   }
 
   _createSubMenu(item) {
     var menuItemElement = createElementWithClass('div', 'soft-context-menu-item');
     menuItemElement._subItems = item.subItems;
 
     // Occupy the same space on the left in all items.
-    var checkMarkElement = menuItemElement.createChild('span', 'soft-context-menu-item-checkmark checkmark');
-    checkMarkElement.textContent = '\u2713 ';  // Checkmark Unicode symbol
+    var checkMarkElement = UI.Icon.create('smallicon-checkmark', 'soft-context-menu-item-checkmark');
+    checkMarkElement.classList.add('checkmark');
+    menuItemElement.appendChild(checkMarkElement);
     checkMarkElement.style.opacity = '0';
 
     menuItemElement.createTextChild(item.label);
 
     var subMenuArrowElement = menuItemElement.createChild('span', 'soft-context-menu-item-submenu-arrow');
     subMenuArrowElement.textContent = '\u25B6';  // BLACK RIGHT-POINTING TRIANGLE
 
     menuItemElement.addEventListener('mousedown', this._menuItemMouseDown.bind(this), false);
     menuItemElement.addEventListener('mouseup', this._menuItemMouseUp.bind(this), false);
 
@@ skipping 79 matching lines @@
   /**
    * @param {?Element} menuItemElement
    * @param {boolean} scheduleSubMenu
    */
   _highlightMenuItem(menuItemElement, scheduleSubMenu) {
     if (this._highlightedMenuItemElement === menuItemElement)
       return;
 
     this._hideSubMenu();
     if (this._highlightedMenuItemElement) {
+      this._highlightedMenuItemElement.classList.remove('force-white-icons');
       this._highlightedMenuItemElement.classList.remove('soft-context-menu-item-mouse-over');
       if (this._highlightedMenuItemElement._subItems && this._highlightedMenuItemElement._subMenuTimer) {
         clearTimeout(this._highlightedMenuItemElement._subMenuTimer);
         delete this._highlightedMenuItemElement._subMenuTimer;
       }
     }
     this._highlightedMenuItemElement = menuItemElement;
     if (this._highlightedMenuItemElement) {
+      this._highlightedMenuItemElement.classList.add('force-white-icons');
       this._highlightedMenuItemElement.classList.add('soft-context-menu-item-mouse-over');
       this._contextMenuElement.focus();
       if (scheduleSubMenu && this._highlightedMenuItemElement._subItems &&
           !this._highlightedMenuItemElement._subMenuTimer) {
         this._highlightedMenuItemElement._subMenuTimer =
             setTimeout(this._showSubMenu.bind(this, this._highlightedMenuItemElement), 150);
       }
     }
   }
 
@@ skipping 106 matching lines @@
 
   _discardSubMenus() {
     if (this._subMenu)
       this._subMenu._discardSubMenus();
     if (this.element)
       this.element.remove();
     if (this._parentMenu)
       delete this._parentMenu._subMenu;
   }
 };