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

Source/devtools/front_end/MetricsSidebarPane.js

 /*
  * Copyright (C) 2007 Apple 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:
  *
  * 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 20 matching lines @@
  * @extends {WebInspector.SidebarPane}
  */
 WebInspector.MetricsSidebarPane = function()
 {
     WebInspector.SidebarPane.call(this, WebInspector.UIString("Metrics"));
 
     WebInspector.cssModel.addEventListener(WebInspector.CSSStyleModel.Events.StyleSheetChanged, this._styleSheetOrMediaQueryResultChanged, this);
     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 = {
     /**
      * @param {WebInspector.DOMNode=} node
      */
     update: function(node)
     {
         if (node)
             this.node = node;
@@ skipping 30 matching lines @@
             this.inlineStyle = style;
         }
         WebInspector.cssModel.getInlineStylesAsync(node.id, inlineStyleCallback.bind(this));
     },
 
     _styleSheetOrMediaQueryResultChanged: function()
     {
         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)
             return;
 
         this._innerUpdate();
     },
 
     _getPropertyValueAsPx: function(style, propertyName)
     {
@@ skipping 316 matching lines @@
     },
 
     editingCommitted: function(element, userInput, previousContent, context)
     {
         this.editingEnded(element, context);
         this._applyUserInput(element, userInput, previousContent, context, true);
     },
 
     __proto__: WebInspector.SidebarPane.prototype
 }