| 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 |