OLD | NEW |
1 .overview-container { | 1 .overview-container { |
2 overflow: hidden; | 2 overflow: hidden; |
3 position: absolute; | 3 position: absolute; |
4 top: 0; | 4 top: 0; |
5 width: 100%; | 5 width: 100%; |
6 height: 80px; | 6 height: 80px; |
7 } | 7 } |
8 | 8 |
9 .chart-container { | 9 .chart-container { |
10 flex: auto; | 10 flex: auto; |
11 } | 11 } |
12 | 12 |
13 #flame-chart-overview-grid .resources-dividers-label-bar { | 13 #flame-chart-overview-grid .resources-dividers-label-bar { |
14 pointer-events: auto; | 14 pointer-events: auto; |
15 } | 15 } |
16 | 16 |
| 17 .flame-chart-main-pane { |
| 18 overflow: hidden; |
| 19 } |
| 20 |
17 .flame-chart-overview-pane { | 21 .flame-chart-overview-pane { |
18 flex: 0 0 80px !important; | 22 flex: 0 0 80px !important; |
19 } | 23 } |
20 | 24 |
21 #flame-chart-overview-container { | 25 #flame-chart-overview-container { |
22 border-bottom: 1px solid rgba(0, 0, 0, 0.3); | 26 border-bottom: 1px solid rgba(0, 0, 0, 0.3); |
23 } | 27 } |
24 | 28 |
25 .flame-chart-overview-canvas { | 29 .flame-chart-overview-canvas { |
26 position: absolute; | 30 position: absolute; |
(...skipping 13 matching lines...) Expand all Loading... |
40 | 44 |
41 .chart-container .entry-info .title { | 45 .chart-container .entry-info .title { |
42 font-weight: bold; | 46 font-weight: bold; |
43 } | 47 } |
44 | 48 |
45 .flame-chart-highlight-element { | 49 .flame-chart-highlight-element { |
46 background-color: black; | 50 background-color: black; |
47 position: absolute; | 51 position: absolute; |
48 opacity: 0.2; | 52 opacity: 0.2; |
49 pointer-events: none; | 53 pointer-events: none; |
50 } | 54 } |
| 55 |
| 56 .flame-chart-selected-element { |
| 57 position: absolute; |
| 58 pointer-events: none; |
| 59 border-color: rgb(56, 121, 217); |
| 60 border-width: 2px; |
| 61 border-style: solid; |
| 62 background-color: rgba(56, 121, 217, 0.2); |
| 63 } |
OLD | NEW |