Devtools: Add tooltip title for bezier icon

Source/devtools/front_end/elements/StylesPopoverHelper.js

  // Copyright (c) 2015 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 {WebInspector.Object}
  */
 WebInspector.StylesPopoverHelper = function()
 {
@@ skipping 151 matching lines @@
      */
     _createDOM: function(text)
     {
         this._element = createElement("nobr");
 
         this._iconElement = this._element.createSVGChild("svg", "popover-icon bezier-icon");
         this._iconElement.setAttribute("height", 10);
         this._iconElement.setAttribute("width", 10);
         this._iconElement.addEventListener("click", this._iconClick.bind(this), false);
         var g = this._iconElement.createSVGChild("g");
+        var title = g.createSVGChild("title");
+        title.textContent = WebInspector.UIString("Click to open a cubic bezier editor.");
         var path = g.createSVGChild("path");
         path.setAttribute("d", "M2,8 C2,3 8,7 8,2");
 
         this._bezierValueElement = this._element.createChild("span");
         this._bezierValueElement.textContent = text;
     },
 
     /**
      * @param {!Event} event
      */
@@ skipping 38 matching lines @@
         delete this._originalPropertyText;
     }
 }
 
 /**
  * @constructor
  * @param {!WebInspector.StylePropertyTreeElement} treeElement
  * @param {!WebInspector.StylesPopoverHelper} stylesPopoverHelper
  * @param {string} colorText
  */
-WebInspector.ColowSwatchPopoverIcon = function(treeElement, stylesPopoverHelper, colorText)
+WebInspector.ColorSwatchPopoverIcon = function(treeElement, stylesPopoverHelper, colorText)
 {
     this._treeElement = treeElement;
     this._stylesPopoverHelper = stylesPopoverHelper;
 
     this._swatch = WebInspector.ColorSwatch.create();
     this._swatch.setColorText(colorText);
-    this._swatch.setFormat(WebInspector.ColowSwatchPopoverIcon._colorFormat(this._swatch.color()));
+    this._swatch.setFormat(WebInspector.ColorSwatchPopoverIcon._colorFormat(this._swatch.color()));
     var shiftClickMessage = WebInspector.UIString("Shift-click to change color format.");
     this._swatch.iconElement().title = String.sprintf("%s\n%s", WebInspector.UIString("Click to open a colorpicker."), shiftClickMessage);
     this._swatch.iconElement().addEventListener("click", this._iconClick.bind(this));
 
     this._boundSpectrumChanged = this._spectrumChanged.bind(this);
 }
 
 /**
  * @param {!WebInspector.Color} color
  * @return {!WebInspector.Color.Format}
  */
-WebInspector.ColowSwatchPopoverIcon._colorFormat = function(color)
+WebInspector.ColorSwatchPopoverIcon._colorFormat = function(color)
 {
     const cf = WebInspector.Color.Format;
     var format;
     var formatSetting = WebInspector.moduleSetting("colorFormat").get();
     if (formatSetting === cf.Original)
         format = cf.Original;
     else if (formatSetting === cf.RGB)
         format = (color.hasAlpha() ? cf.RGBA : cf.RGB);
     else if (formatSetting === cf.HSL)
         format = (color.hasAlpha() ? cf.HSLA : cf.HSL);
     else if (!color.hasAlpha())
         format = (color.canBeShortHex() ? cf.ShortHEX : cf.HEX);
     else
         format = cf.RGBA;
 
     return format;
 }
 
-WebInspector.ColowSwatchPopoverIcon.prototype = {
+WebInspector.ColorSwatchPopoverIcon.prototype = {
     /**
      * @return {!Element}
      */
     element: function()
     {
         return this._swatch;
     },
 
     /**
      * @param {!Event} event
@@ skipping 37 matching lines @@
     {
         this._spectrum.removeEventListener(WebInspector.Spectrum.Events.ColorChanged, this._boundSpectrumChanged);
         delete this._spectrum;
 
         var propertyText = commitEdit ? this._treeElement.renderedPropertyText() : this._originalPropertyText;
         this._treeElement.applyStyleText(propertyText, true);
         this._treeElement.parentPane().setEditingStyle(false);
         delete this._originalPropertyText;
     }
 }