Update the metrics side bar pane and computed style pane after main frame resize.

Source/devtools/front_end/MetricsSidebarPane.js

Index: Source/devtools/front_end/MetricsSidebarPane.js
diff --git a/Source/devtools/front_end/MetricsSidebarPane.js b/Source/devtools/front_end/MetricsSidebarPane.js
index 7d97539e8a259df6f76d0b69c9a6e97a7f8cf1b6..ae58ffe50556c83b257a50f5aab3db8dff344fe5 100644
--- a/Source/devtools/front_end/MetricsSidebarPane.js
+++ b/Source/devtools/front_end/MetricsSidebarPane.js
@@ -38,6 +38,7 @@ WebInspector.MetricsSidebarPane = function()
     WebInspector.cssModel.addEventListener(WebInspector.CSSStyleModel.Events.MediaQueryResultChanged, this._styleSheetOrMediaQueryResultChanged, this);
     WebInspector.domAgent.addEventListener(WebInspector.DOMAgent.Events.AttrModified, this._attributesUpdated, this);
     WebInspector.domAgent.addEventListener(WebInspector.DOMAgent.Events.AttrRemoved, this._attributesUpdated, this);
+    WebInspector.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.FrameResized, this._frameResized, this);
 }
 
 WebInspector.MetricsSidebarPane.prototype = {
@@ -88,6 +89,11 @@ WebInspector.MetricsSidebarPane.prototype = {
         this._innerUpdate();
     },
 
+    _frameResized: function()
+    {
+        this._innerUpdate();

[pfeldman, 2013/11/26 16:26:02]

We probably want to throttle this.

+    },
+
     _attributesUpdated: function(event)
     {
         if (this.node !== event.data.node)