DevTools: only set title w/ shortcut via Tooltip manager API.

Source/devtools/front_end/emulation/ResponsiveDesignView.js

 // Copyright 2014 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.VBox}
  * @implements {WebInspector.OverridesSupport.PageResizer}
  * @implements {WebInspector.TargetManager.Observer}
  * @param {!WebInspector.InspectedPagePlaceholder} inspectedPagePlaceholder
@@ skipping 77 matching lines @@
         this._pageContainerImage.addEventListener("error", this._onPageContainerImageLoaded.bind(this, false), false);
 
         // Page scale controls.
         this._pageScaleContainer = this._canvasContainer.element.createChild("div", "hbox responsive-design-page-scale-container");
         this._decreasePageScaleButton = this._pageScaleContainer.createChild("button", "responsive-design-page-scale-button responsive-design-page-scale-decrease");
         this._decreasePageScaleButton.createChild("div", "glyph");
         this._decreasePageScaleButton.tabIndex = -1;
         this._decreasePageScaleButton.addEventListener("click", this._pageScaleButtonClicked.bind(this, false), false);
 
         this._pageScaleLabel = this._pageScaleContainer.createChild("label", "responsive-design-page-scale-label");
-        WebInspector.Tooltip.install(this._pageScaleLabel, WebInspector.UIString("Shift + drag to change page scale"));
+        this._pageScaleLabel.title = WebInspector.UIString("Shift + drag to change page scale");
         this._pageScaleLabel.addEventListener("dblclick", this._resetPageScale.bind(this), false);
 
         this._increasePageScaleButton = this._pageScaleContainer.createChild("button", "responsive-design-page-scale-button responsive-design-page-scale-increase");
         this._increasePageScaleButton.tabIndex = -1;
         this._increasePageScaleButton.createChild("div", "glyph");
         this._increasePageScaleButton.addEventListener("click", this._pageScaleButtonClicked.bind(this, true), false);
 
         this._mediaInspector.addEventListener(WebInspector.MediaQueryInspector.Events.CountUpdated, this._updateMediaQueryInspectorButton, this);
         this._mediaInspector.addEventListener(WebInspector.MediaQueryInspector.Events.HeightUpdated, this.onResize, this);
         this._overridesWarningUpdated();
@@ skipping 423 matching lines @@
 
         var canvasInvalidated = viewportChanged || this._drawContentsSize !== this._cachedDrawContentsSize || this._cachedScale !== this._scale ||
             this._cachedCssCanvasWidth !== cssCanvasWidth || this._cachedCssCanvasHeight !== cssCanvasHeight || this._cachedZoomFactor !== zoomFactor ||
             this._cachedMediaInspectorHeight !== mediaInspectorHeight;
 
         if (canvasInvalidated)
             this._drawCanvas(cssCanvasWidth, cssCanvasHeight, rulerTotalHeight);
 
         if (viewportChanged) {
             this._pageScaleLabel.textContent = WebInspector.UIString("%.1f", this._viewport.pageScaleFactor);
-            WebInspector.Tooltip.install(this._decreasePageScaleButton, WebInspector.UIString("Scale down (minimum %.1f)", this._viewport.minimumPageScaleFactor));
+            this._decreasePageScaleButton.title = WebInspector.UIString("Scale down (minimum %.1f)", this._viewport.minimumPageScaleFactor);
             this._decreasePageScaleButton.disabled = this._viewport.pageScaleFactor <= this._viewport.minimumPageScaleFactor;
-            WebInspector.Tooltip.install(this._increasePageScaleButton, WebInspector.UIString("Scale up (maximum %.1f)", this._viewport.maximumPageScaleFactor));
+            this._increasePageScaleButton.title = WebInspector.UIString("Scale up (maximum %.1f)", this._viewport.maximumPageScaleFactor);
             this._increasePageScaleButton.disabled = this._viewport.pageScaleFactor >= this._viewport.maximumPageScaleFactor;
         }
 
         this._cachedScale = this._scale;
         this._cachedCssCanvasWidth = cssCanvasWidth;
         this._cachedCssCanvasHeight = cssCanvasHeight;
         this._cachedCssHeight = cssHeight;
         this._cachedCssWidth = cssWidth;
         this._cachedDeviceInsets = deviceInsets;
         this._cachedZoomFactor = zoomFactor;
@@ skipping 45 matching lines @@
     {
         this._toolbarElement = this._responsiveDesignContainer.element.createChild("div", "responsive-design-toolbar");
         this._createButtonsSection();
         this._createDeviceSection();
         this._toolbarElement.createChild("div", "responsive-design-separator");
         this._createNetworkSection();
         this._toolbarElement.createChild("div", "responsive-design-separator");
 
         var moreButtonContainer = this._toolbarElement.createChild("div", "responsive-design-more-button-container");
         var moreButton = moreButtonContainer.createChild("button", "responsive-design-more-button");
-        WebInspector.Tooltip.install(moreButton, WebInspector.UIString("More overrides"));
+        moreButton.title = WebInspector.UIString("More overrides");
         moreButton.addEventListener("click", this._showEmulationInDrawer.bind(this), false);
         moreButton.textContent = "\u2026";
     },
 
     _createButtonsSection: function()
     {
         var buttonsToolbar = new WebInspector.Toolbar(this._toolbarElement);
         buttonsToolbar.makeVertical();
         buttonsToolbar.setColor("white");
         buttonsToolbar.setToggledColor("rgb(105, 194, 236)");
@@ skipping 44 matching lines @@
         resolutionFieldset.createTextChild("\u00D7");
         resolutionFieldset.appendChild(WebInspector.SettingsUI.createSettingInputField("", WebInspector.overridesSupport.settings.deviceHeight, true, 4, "3em", WebInspector.OverridesSupport.deviceSizeValidator, true, true, WebInspector.UIString("\u2013")));
 
         // Device pixel ratio.
         detailsElement.createChild("div", "responsive-design-suite-separator");
 
         var dprElement = detailsElement.createChild("div", "");
         var resolutionFieldset2 = WebInspector.SettingsUI.createSettingFieldset(WebInspector.overridesSupport.settings.emulateResolution);
         dprElement.appendChild(resolutionFieldset2);
         var dprButton = resolutionFieldset2.createChild("div", "responsive-design-icon responsive-design-icon-dpr");
-        WebInspector.Tooltip.install(dprButton, WebInspector.UIString("Device pixel ratio"));
+        dprButton.title = WebInspector.UIString("Device pixel ratio");
         resolutionFieldset2.appendChild(WebInspector.SettingsUI.createSettingInputField("", WebInspector.overridesSupport.settings.deviceScaleFactor, true, 4, "1.9em", WebInspector.OverridesSupport.deviceScaleFactorValidator, true, true, WebInspector.UIString("\u2013")));
 
         // Fit to window.
         detailsElement.createChild("div", "responsive-design-suite-separator");
         var fitToWindowElement = detailsElement.createChild("div", "");
         fieldsetElement = fitToWindowElement.createChild("fieldset");
         var fitCheckbox = WebInspector.SettingsUI.createSettingCheckbox(WebInspector.UIString("Zoom to fit"), WebInspector.overridesSupport.settings.deviceFitWindow, true, WebInspector.UIString("Zoom to fit available space"))
         fieldsetElement.appendChild(fitCheckbox);
         themeCheckbox(fitCheckbox);
 
@@ skipping 167 matching lines @@
 WebInspector.EmulationDispatcher.prototype = {
     /**
      * @override
      * @param {!EmulationAgent.Viewport=} viewport
      */
     viewportChanged: function(viewport)
     {
         this._responsiveDesignView._viewportChanged(viewport);
     }
 }