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

Unified Diff: Source/devtools/front_end/elements/StylesPopoverHelper.js

Issue 1181773007: Devtools: Add tooltip title for bezier icon (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 5 years, 6 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 side-by-side diff with in-line comments
Download patch
Index: Source/devtools/front_end/elements/StylesPopoverHelper.js
diff --git a/Source/devtools/front_end/elements/StylesPopoverHelper.js b/Source/devtools/front_end/elements/StylesPopoverHelper.js
index a99fb29622d24596fc36ffaec75c6df68da01cd4..37991690889ccb6039f3ae429de61e6454cc0b19 100644
--- a/Source/devtools/front_end/elements/StylesPopoverHelper.js
+++ b/Source/devtools/front_end/elements/StylesPopoverHelper.js
@@ -169,6 +169,8 @@ WebInspector.BezierPopoverIcon.prototype = {
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");
@@ -227,14 +229,14 @@ WebInspector.BezierPopoverIcon.prototype = {
* @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));
@@ -246,7 +248,7 @@ WebInspector.ColowSwatchPopoverIcon = function(treeElement, stylesPopoverHelper,
* @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;
@@ -265,7 +267,7 @@ WebInspector.ColowSwatchPopoverIcon._colorFormat = function(color)
return format;
}
-WebInspector.ColowSwatchPopoverIcon.prototype = {
+WebInspector.ColorSwatchPopoverIcon.prototype = {
/**
* @return {!Element}
*/

Powered by Google App Engine
This is Rietveld 408576698