1/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
4
5.timeline-thread-track {
6  -webkit-box-orient: vertical;
7  display: -webkit-box;
8  position: relative;
9}
10
11/* The first row of slices in each thread should have a border above it. */
12.timeline-thread-track > .timeline-slice-group-track.first-visible-child > .timeline-slice-track.first-visible-child .timeline-canvas-based-track-canvas-container {
13  border-top: 1px solid #D8D8D8;
14  height: 21px;
15  padding-top: 2px;
16}
17
18/* ...except for the very first one at the top. */
19.timeline-process-track.first-visible-child > .timeline-thread-track.first-visible-child > .timeline-slice-group-track.first-visible-child > .timeline-slice-track.first-visible-child .timeline-canvas-based-track-canvas-container {
20  border-top: 0;
21}
22
23/* The track containing the heading is 21px tall. */
24.timeline-thread-track > .timeline-slice-group-track.first-visible-child .timeline-canvas-based-track:first-child {
25  height: 21px;
26}
27
28/* The last row of slices should have a gap underneath it. */
29.timeline-thread-track .timeline-canvas-based-track:last-child .timeline-canvas-based-track-canvas-container {
30  margin-bottom: 4px;
31}
32
33/* ...but in order for that to work, we need to make the whole last track
34 * taller. This allows us to have a gap under the slices, but not in the heading
35 * column on the left. */
36.timeline-thread-track .timeline-canvas-based-track:last-child {
37  height: 22px;
38}
39
40/* ...and if it happens to be the only track, then we need to be more specific
41 * than the heading rule above. */
42.timeline-thread-track > .timeline-slice-group-track.first-visible-child .timeline-canvas-based-track:first-child:last-child {
43  height: 22px;
44}
45
46
47