Tons of timeline tweaks

chrome/browser/resources/tracing/timeline.css

 /*
 Copyright (c) 2011 The Chromium Authors. All rights reserved.
 Use of this source code is governed by a BSD-style license that can be
 found in the LICENSE file.
 */
 
 .timeline-drag-box {
   position: fixed;

[James Hawkins, 2011/11/05 17:51:37]

Alphabetize properties, here and elsewhere.

[nduca, 2011/11/09 22:52:19]

Done.

   background-color: rgba(0, 0, 255, 0.25);
   border: 1px solid rgb(0, 0, 96);

[James Hawkins, 2011/11/05 17:51:37]

Use hex instead of rgb here.

[nduca, 2011/11/09 22:52:19]

Done.

   font-size: 75%;
 }
 
 .timeline-thread-track {
   display: -webkit-box;
   -webkit-box-orient: vertical;

[James Hawkins, 2011/11/05 17:51:37]

-webkit properties should be at the top of the list.

[nduca, 2011/11/09 22:52:19]

Done.

   padding-top: 1px;
   padding-bottom: 1px;

[James Hawkins, 2011/11/05 17:51:37]

padding: 1px 0; ?

[nduca, 2011/11/09 22:52:19]

Done.

 }
 
 .timeline-thread-track:not(:first-child) {
   border-top: 1px solid #D0D0D0;

[James Hawkins, 2011/11/05 17:51:37]

Hex characters should be lowercase.

[nduca, 2011/11/09 22:52:19]

Done.

 }
 
 .timeline-slice-track {
   display: -webkit-box;
   -webkit-box-orient: horizontal;
   -webkit-box-align: stretch;
   background-color: white;
   padding-right: 5px;
   margin: 0;
   padding: 0;
   height: 18px;
 }
 
 .timeline-slice-track-title {
   text-align: right;
-  overflow: visible;
-  width: 300px;
+  overflow: hidden;
+  white-space: nowrap;
   padding-right: 5px;
+  text-overflow: ellipsis;
 }
 
 .timeline-slice-track-canvas-container {
   -webkit-box-flex: 1;
   width: 100%;
 }
 
 .timeline-slice-track-canvas {
   -webkit-box-flex: 1;
   width: 100%;
   height: 100%;
 }