DevTools: animate changes to flame chart window.

Source/devtools/front_end/timeline/TimelineFrameOverview.js

 /*
  * Copyright (C) 2013 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 257 matching lines @@
             this._context.lineTo(this._maxInnerBarWidth, y);
             this._context.stroke();
             this._context.restore();
 
             bottomOffset -= height;
         }
         // Draw a contour for the total frame time.
         var y0 = Math.floor(windowHeight - frame.duration * scale) + 0.5;
         var y1 = windowHeight + 0.5;
 
-        this._context.strokeStyle = "rgba(90, 90, 90, 0.3)";
+        this._context.strokeStyle = "rgba(90, 90, 90, 0.2)";
         this._context.beginPath();
         this._context.moveTo(x, y1);
         this._context.lineTo(x, y0);
         this._context.lineTo(x + width, y0);
         this._context.lineTo(x + width, y1);
         this._context.stroke();
     },
 
     /**
      * @param {number} windowLeft
@@ skipping 73 matching lines @@
      * @param {number} time
      * @param {function(number, {startTime:number, endTime:number}):number} comparator
      */
     _firstBarAfter: function(time, comparator)
     {
         return insertionIndexForObjectInListSortedByFunction(time, this._barTimes, comparator);
     },
 
     __proto__: WebInspector.TimelineOverviewBase.prototype
 }