src/third_party/WebKit/Source/devtools/front_end/flameChart.css

   1 .overview-container {
   2     overflow: hidden;
   3     position: absolute;
   4     top: 0;
   5     width: 100%;
   6     height: 80px;
   7 }
   8
   9 #flame-chart-overview-grid .resources-dividers-label-bar {
  10     pointer-events: auto;
  11 }
  12
  13 .flame-chart-main-pane {
  14     overflow: hidden;
  15 }
  16
  17 .flame-chart-overview-pane {
  18     flex: 0 0 80px !important;
  19 }
  20
  21 #flame-chart-overview-container {
  22     border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  23 }
  24
  25 .flame-chart-overview-canvas {
  26     position: absolute;
  27     top: 20px;
  28     left: 0;
  29     right: 0;
  30     bottom: 0;
  31 }
  32
  33 .flame-chart-marker-highlight-element {
  34     position: absolute;
  35     top: 0;
  36     height: 20px;
  37     width: 4px;
  38     margin: 0 -2px;
  39     content: "";
  40     display: block;
  41 }
  42
  43 .flame-chart-highlight-element {
  44     background-color: black;
  45     position: absolute;
  46     opacity: 0.2;
  47     pointer-events: none;
  48 }
  49
  50 .flame-chart-selected-element {
  51     position: absolute;
  52     pointer-events: none;
  53     border-color: rgb(56, 121, 217);
  54     border-width: 2px;
  55     border-style: solid;
  56     background-color: rgba(56, 121, 217, 0.2);
  57 }
  58
  59 .flame-chart-v-scroll {
  60     flex: 0 0 14px;
  61     overflow-x: hidden;
  62 }
  63
  64 body.platform-mac .flame-chart-v-scroll {
  65     position: absolute;
  66     width: 14px;
  67     top: 0;
  68     right: 0;
  69     bottom: 0;
  70 }