/* Copyright (c) 2012 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. */

.thread-track {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  position: relative;
}

/* The first row of slices in each thread should have a border above it. */
.thread-track > .slice-group-track.first-visible-child > .slice-track.first-visible-child .canvas-based-track-canvas-container {
  border-top: 1px solid #D8D8D8;
  height: 21px;
  padding-top: 2px;
}

/* ...except for the very first one at the top. */
.process-track.first-visible-child > .thread-track.first-visible-child > .slice-group-track.first-visible-child > .slice-track.first-visible-child .canvas-based-track-canvas-container {
  border-top: 0;
}

/* The track containing the heading is 21px tall. */
.thread-track > .slice-group-track.first-visible-child .canvas-based-track:first-child {
  height: 21px;
}

/* The last row of slices should have a gap underneath it. */
.thread-track .canvas-based-track:last-child .canvas-based-track-canvas-container {
  margin-bottom: 4px;
}

/* ...but in order for that to work, we need to make the whole last track
 * taller. This allows us to have a gap under the slices, but not in the heading
 * column on the left. */
.thread-track .canvas-based-track:last-child {
  height: 22px;
}

/* ...and if it happens to be the only track, then we need to be more specific
 * than the heading rule above. */
.thread-track > .slice-group-track.first-visible-child .canvas-based-track:first-child:last-child {
  height: 22px;
}