DevTools: Modify BezierSwatch to follow same style as ColorSwatch

third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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.
@@ skipping 1996 matching lines @@
     {
         return this.nameElement.textContent + ": " + this.valueElement.textContent;
     },
 
     /**
      * @param {string} text
      * @return {!Node}
      */
     _processBezier: function(text)
     {
-        var geometry = WebInspector.Geometry.CubicBezier.parse(text);
-        if (!geometry || !this._editable())
+        if (!this._editable() || !WebInspector.Geometry.CubicBezier.parse(text))
             return createTextNode(text);
         var swatchPopoverHelper = this._parentPane._swatchPopoverHelper;
-        return new WebInspector.BezierPopoverIcon(this, swatchPopoverHelper, text).element();
+        var swatch = WebInspector.BezierSwatch.create();
+        swatch.setBezierText(text);
+        new WebInspector.BezierPopoverIcon(this, swatchPopoverHelper, swatch);
+        return swatch;
     },
 
     /**
      * @param {string} propertyValue
      * @param {string} propertyName
      * @return {!Node}
      */
     _processShadow: function(propertyValue, propertyName)
     {
         if (!this._editable())
@@ skipping 1118 matching lines @@
 
     /**
      * @override
      * @return {!WebInspector.ToolbarItem}
      */
     item: function()
     {
         return this._button;
     }
 }