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 overflow: hidden; | 10 flex: auto; |
11 position: absolute; | |
12 top: 80px; | |
13 width: 100%; | |
14 bottom: 0; | |
15 } | 11 } |
16 | 12 |
17 #flame-chart-overview-grid .resources-dividers-label-bar { | 13 #flame-chart-overview-grid .resources-dividers-label-bar { |
18 pointer-events: auto; | 14 pointer-events: auto; |
19 } | 15 } |
20 | 16 |
| 17 .flame-chart-main-pane { |
| 18 overflow: hidden; |
| 19 } |
| 20 |
| 21 .flame-chart-overview-pane { |
| 22 flex: 0 0 80px !important; |
| 23 } |
| 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; |
27 top: 20px; | 31 top: 20px; |
28 left: 0; | 32 left: 0; |
29 right: 0; | 33 right: 0; |
30 bottom: 0; | 34 bottom: 0; |
31 } | 35 } |
32 | 36 |
33 .chart-container .entry-info { | 37 .chart-container .entry-info { |
34 position: absolute; | 38 position: absolute; |
35 left: 10px; | 39 left: 10px; |
36 top: 25px; | 40 top: 25px; |
37 background-color: rgba(255, 255, 255, 0.8); | 41 background-color: rgba(255, 255, 255, 0.8); |
38 pointer-events: none; | 42 pointer-events: none; |
39 } | 43 } |
40 | 44 |
41 .chart-container .entry-info .title { | 45 .chart-container .entry-info .title { |
42 font-weight: bold; | 46 font-weight: bold; |
| 47 } |
| 48 |
| 49 .flame-chart-highlight-element { |
| 50 background-color: black; |
| 51 position: absolute; |
| 52 opacity: 0.2; |
| 53 pointer-events: none; |
| 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 } |
| 64 |
| 65 .flame-chart-v-scroll { |
| 66 flex: 0 0 15px; |
| 67 overflow-x: hidden; |
| 68 overflow-y: scroll; |
43 } | 69 } |
OLD | NEW |