Devtools UI: Fix tooltip issues

Source/devtools/front_end/elements/Spectrum.js

 /*
  * Copyright (C) 2011 Brian Grinstead 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
@@ skipping 211 matching lines @@
      * @param {string} colorText
      * @param {number=} animationDelay
      * @return {!Element}
      */
     _createPaletteColor: function(colorText, animationDelay)
     {
         var element = createElementWithClass("div", "spectrum-palette-color");
         element.style.background = String.sprintf("linear-gradient(%s, %s), url(Images/checker.png)", colorText, colorText);
         if (animationDelay)
             element.animate([{ opacity: 0 }, { opacity: 1 }], { duration: 100, delay: animationDelay, fill: "backwards" });
-        element.title = colorText;
+        var tooltipOptions = {};
+        tooltipOptions[WebInspector.Tooltip.Options.VerticalAlignmentTop] = WebInspector.Tooltip.Options.VerticalAlignmentTop;
+        WebInspector.Tooltip.install(element, colorText, "", tooltipOptions);
         return element;
     },
 
     /**
      * @param {!WebInspector.Spectrum.Palette} palette
      * @param {boolean} animate
      * @param {!Event=} event
      */
     _showPalette: function(palette, animate, event)
     {
@@ skipping 662 matching lines @@
     "#8BC34A",
     "#CDDC39",
     "#FFEB3B",
     "#FFC107",
     "#FF9800",
     "#FF5722",
     "#795548",
     "#9E9E9E",
     "#607D8B"
 ]};