| OLD | NEW |
| 1 .flame-chart-main-pane { | 1 .flame-chart-main-pane { |
| 2 overflow: hidden; | 2 overflow: hidden; |
| 3 } | 3 } |
| 4 | 4 |
| 5 .flame-chart-marker-highlight-element { | 5 .flame-chart-marker-highlight-element { |
| 6 position: absolute; | 6 position: absolute; |
| 7 top: 0; | 7 top: 0; |
| 8 height: 20px; | 8 height: 20px; |
| 9 width: 4px; | 9 width: 4px; |
| 10 margin: 0 -2px; | 10 margin: 0 -2px; |
| (...skipping 11 matching lines...) Expand all Loading... |
| 22 .flame-chart-selected-element { | 22 .flame-chart-selected-element { |
| 23 position: absolute; | 23 position: absolute; |
| 24 pointer-events: none; | 24 pointer-events: none; |
| 25 border-color: rgb(56, 121, 217); | 25 border-color: rgb(56, 121, 217); |
| 26 border-width: 2px; | 26 border-width: 2px; |
| 27 border-style: solid; | 27 border-style: solid; |
| 28 background-color: rgba(56, 121, 217, 0.2); | 28 background-color: rgba(56, 121, 217, 0.2); |
| 29 } | 29 } |
| 30 | 30 |
| 31 .flame-chart-v-scroll { | 31 .flame-chart-v-scroll { |
| 32 flex: 0 0 14px; | |
| 33 overflow-x: hidden; | |
| 34 z-index: 200; | |
| 35 } | |
| 36 | |
| 37 .platform-mac .flame-chart-v-scroll { | |
| 38 position: absolute; | 32 position: absolute; |
| 39 width: 14px; | 33 width: 14px; |
| 40 top: 0; | 34 top: 0; |
| 41 right: 0; | 35 right: 0; |
| 42 bottom: 0; | 36 bottom: 0; |
| 37 overflow-x: hidden; |
| 38 z-index: 200; |
| 43 } | 39 } |
| 44 | 40 |
| 45 .flame-chart-selection-overlay { | 41 .flame-chart-selection-overlay { |
| 46 position: absolute; | 42 position: absolute; |
| 47 z-index: 100; | 43 z-index: 100; |
| 48 background-color: rgba(56, 121, 217, 0.3); | 44 background-color: rgba(56, 121, 217, 0.3); |
| 49 border-color: rgb(16, 81, 177); | 45 border-color: rgb(16, 81, 177); |
| 50 border-width: 0 1px; | 46 border-width: 0 1px; |
| 51 border-style: solid; | 47 border-style: solid; |
| 52 pointer-events: none; | 48 pointer-events: none; |
| (...skipping 10 matching lines...) Expand all Loading... |
| 63 bottom: 0; | 59 bottom: 0; |
| 64 } | 60 } |
| 65 | 61 |
| 66 .flame-chart-entry-info { | 62 .flame-chart-entry-info { |
| 67 position: absolute; | 63 position: absolute; |
| 68 bottom: 20px; | 64 bottom: 20px; |
| 69 left: 20px; | 65 left: 20px; |
| 70 background-color: rgba(255, 255, 255, 0.7); | 66 background-color: rgba(255, 255, 255, 0.7); |
| 71 pointer-events: none; | 67 pointer-events: none; |
| 72 } | 68 } |
| OLD | NEW |