src/third_party/trace-viewer/trace_viewer/tracing/side_panel/timeline_view.css

   1 /* Copyright (c) 2014 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
   6 x-timeline-view-side-panel-container {
   7   align-items: stretch;
   8   display: -webkit-flex;
   9 }
  10
  11 x-timeline-view-side-panel-container[expanded] > active-panel-container {
  12   -webkit-flex: 1 1 auto;
  13   border-left: 1px solid black;
  14   display: -webkit-flex;
  15 }
  16
  17 x-timeline-view-side-panel-container:not([expanded]) > active-panel-container {
  18   display: none;
  19 }
  20
  21 x-timeline-view-side-panel-container > tab-strip {
  22   -webkit-flex: 0 0 auto;
  23   -webkit-flex-direction: column;
  24   -webkit-user-select: none;
  25   background-color: rgb(236, 236, 236);
  26   border-left: 1px solid black;
  27   cursor: default;
  28   display: -webkit-flex;
  29   min-width: 22px; /* workaround for flexbox and writing-mode mixing bug */
  30   padding: 10px 0 10px 0;
  31 }
  32
  33 x-timeline-view-side-panel-container > tab-strip > tab-strip-label {
  34   -webkit-writing-mode: vertical-rl;
  35   display: inline;
  36   margin-right: 2px;
  37   min-height: 20px;
  38   padding: 15px 2px 15px 2px;
  39 }
  40
  41 x-timeline-view-side-panel-container > tab-strip >
  42     tab-strip-label:not([enabled]) {
  43   color: rgb(128, 128, 128);
  44 }
  45
  46 x-timeline-view-side-panel-container > tab-strip > tab-strip-label[selected] {
  47   background-color: white;
  48   border: 1px solid rgb(163, 163, 163);
  49   border-left: none;
  50   padding: 14px 1px 14px 2px;
  51 }