DevTools: only allow status bar items in status bars.

Source/devtools/front_end/timeline/Layers3DView.js

 /*
  * Copyright (C) 2014 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 663 matching lines @@
         }
 
         this._rects.forEach(checkIntersection);
         return closestObject;
     },
 
     /**
      * @param {string} caption
      * @param {string} name
      * @param {boolean} value
-     * @param {!Element} statusBarElement
+     * @param {!WebInspector.StatusBar} statusBar
      * @return {!WebInspector.Setting}
      */
-    _createVisibilitySetting: function(caption, name, value, statusBarElement)
+    _createVisibilitySetting: function(caption, name, value, statusBar)
     {
         var checkbox = new WebInspector.StatusBarCheckbox(WebInspector.UIString(caption))
-        statusBarElement.appendChild(checkbox.element);
+        statusBar.appendStatusBarItem(checkbox);
         var setting = WebInspector.settings.createSetting(name, value)
         WebInspector.SettingsUI.bindCheckbox(checkbox.inputElement, setting);
         setting.addChangeListener(this._update, this);
         return setting;
     },
 
     _initStatusBar: function()
     {
-        this._panelStatusBarElement = this.element.createChild("div", "panel-status-bar");
-        this._panelStatusBarElement.appendChild(this._transformController.controlPanelElement());
-        this._showSlowScrollRectsSetting = this._createVisibilitySetting("Slow scroll rects", "frameViewerShowSlowScrollRects", true, this._panelStatusBarElement);
-        this._showPaintsSetting = this._createVisibilitySetting("Paints", "frameViewerShowPaints", true, this._panelStatusBarElement);
+        this._panelStatusBar = new WebInspector.StatusBar(this.element);
+        this._panelStatusBar.appendStatusBarItem(new WebInspector.StatusBarItem(this._transformController.controlPanelElement()));
+        this._showSlowScrollRectsSetting = this._createVisibilitySetting("Slow scroll rects", "frameViewerShowSlowScrollRects", true, this._panelStatusBar);
+        this._showPaintsSetting = this._createVisibilitySetting("Paints", "frameViewerShowPaints", true, this._panelStatusBar);
         WebInspector.settings.frameViewerHideChromeWindow.addChangeListener(this._update, this);
     },
 
     /**
      * @param {!Event} event
      */
     _onContextMenu: function(event)
     {
         var selection = this._selectionFromEventPoint(event);
         var node = selection && selection.layer && selection.layer.nodeForSelfOrAncestor();
@@ skipping 457 matching lines @@
  */
 WebInspector.LayerTextureManager.Tile = function(snapshot, rect, traceEvent)
 {
     this.snapshot = snapshot;
     this.rect = rect;
     this.traceEvent = traceEvent;
     this.scale = 0;
     /** @type {?WebGLTexture} */
     this.texture = null;
 }