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