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