DevTools: animate changes to flame chart window.

Source/devtools/front_end/timeline/TimelineFlameChart.js

Index: Source/devtools/front_end/timeline/TimelineFlameChart.js
diff --git a/Source/devtools/front_end/timeline/TimelineFlameChart.js b/Source/devtools/front_end/timeline/TimelineFlameChart.js
index d76812f5e839ef203410a724b1d874087f9c4baa..f3aa6e51775eaf0acfe8e7e33769ea6ae8871347 100644
--- a/Source/devtools/front_end/timeline/TimelineFlameChart.js
+++ b/Source/devtools/front_end/timeline/TimelineFlameChart.js
@@ -367,13 +367,17 @@ WebInspector.TimelineFlameChartDataProvider.prototype = {
         var frame = this._entryIndexToFrame[entryIndex];
         if (frame) {
             context.save();
+

[yurys, 2014/08/08 12:40:43]

Remove empty line.

             context.translate(0.5, 0.5);
 
             context.beginPath();
             context.moveTo(barX, barY);
             context.lineTo(barX, context.canvas.height);
-            context.strokeStyle = "rgba(100, 100, 100, 0.6)";
+            context.strokeStyle = "rgba(100, 100, 100, 0.4)";
+            context.setLineDash([5]);
             context.stroke();
+            context.setLineDash([]);
+

[yurys, 2014/08/08 12:40:43]

Remove empty line.

 
             var padding = 4 * window.devicePixelRatio;
             barX += padding;