Add TRACE_COUNTER support to about:tracing

chrome/browser/resources/tracing/timeline.css

Index: chrome/browser/resources/tracing/timeline.css
diff --git a/chrome/browser/resources/tracing/timeline.css b/chrome/browser/resources/tracing/timeline.css
index 86ed86582541541e1351c859490a09a68db0f983..64a6507d5c79a6ebb8d391e95d34529e11de82b5 100644
--- a/chrome/browser/resources/tracing/timeline.css
+++ b/chrome/browser/resources/tracing/timeline.css
@@ -21,18 +21,17 @@ found in the LICENSE file.
   border-top: 1px solid #D0D0D0;
 }
 
-.timeline-slice-track {
+.timeline-canvas-based-track {

[James Hawkins, 2011/11/16 17:41:38]

What canvas are you referring to?

[nduca, 2011/11/16 19:03:56]

There is a TimelineCanvasBasedTrack class introduced in this patch that is the
base class for TimelineSliceTrack and TimelineCounterTrack.

   -webkit-box-orient: horizontal;
   -webkit-box-align: stretch;
   background-color: white;
   display: -webkit-box;
-  height: 18px;
   margin: 0;
   padding: 0;
   padding-right: 5px;
 }
 
-.timeline-slice-track-title {
+.timeline-canvas-based-track-title {
   overflow: hidden;
   padding-right: 5px;
   text-align: right;
@@ -40,13 +39,21 @@ found in the LICENSE file.
   white-space: nowrap;
 }
 
-.timeline-slice-track-canvas-container {
+.timeline-canvas-based-track-canvas-container {
   -webkit-box-flex: 1;
   width: 100%;
 }
 
-.timeline-slice-track-canvas {
+.timeline-canvas-based-track-canvas {
   -webkit-box-flex: 1;
   height: 100%;
   width: 100%;
 }
+
+.timeline-slice-track {
+  height: 18px;
+}
+
+.timeline-counter-track {
+  height: 30px;
+}