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 .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 .thread-track > .slice-group-track.first-visible-child > .slice-track.first-visible-child .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 .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 { 20 border-top: 0; 21 } 22 23 /* The track containing the heading is 21px tall. */ 24 .thread-track > .slice-group-track.first-visible-child .canvas-based-track:first-child { 25 height: 21px; 26 } 27 28 /* The last row of slices should have a gap underneath it. */ 29 .thread-track .canvas-based-track:last-child .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 .thread-track .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 .thread-track > .slice-group-track.first-visible-child .canvas-based-track:first-child:last-child { 43 height: 22px; 44 } 45 46 47