| 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 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 73 | 73 |
| 74 .flame-chart-selection-overlay .time-span { | 74 .flame-chart-selection-overlay .time-span { |
| 75 white-space: nowrap; | 75 white-space: nowrap; |
| 76 position: absolute; | 76 position: absolute; |
| 77 left: 0; | 77 left: 0; |
| 78 right: 0; | 78 right: 0; |
| 79 bottom: 0; | 79 bottom: 0; |
| 80 } | 80 } |
| 81 | 81 |
| 82 .flame-chart-entry-info:not(:empty) { | 82 .flame-chart-entry-info:not(:empty) { |
| 83 z-index: 200; | 83 z-index: 2000; |
| 84 position: absolute; | 84 position: absolute; |
| 85 background-color: white; | 85 background-color: white; |
| 86 pointer-events: none; | 86 pointer-events: none; |
| 87 padding: 2px; | 87 padding: 4px 8px; |
| 88 white-space: nowrap; |
| 89 max-width: 80%; |
| 88 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), | 90 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), |
| 89 0 2px 4px rgba(0, 0, 0, 0.2), | 91 0 2px 4px rgba(0, 0, 0, 0.2), |
| 90 0 2px 6px rgba(0, 0, 0, 0.1); | 92 0 2px 6px rgba(0, 0, 0, 0.1); |
| 91 } | 93 } |
| 92 | 94 |
| 93 .flame-chart-entry-info table tr td:empty { | 95 .flame-chart-entry-info table tr td:empty { |
| 94 padding: 0; | 96 padding: 0; |
| 95 } | 97 } |
| 96 | 98 |
| 97 .flame-chart-entry-info table tr td:not(:empty) { | 99 .flame-chart-entry-info table tr td:not(:empty) { |
| 98 padding: 0 5px; | 100 padding: 0 5px; |
| 99 white-space: nowrap; | 101 white-space: nowrap; |
| 100 } | 102 } |
| 101 | 103 |
| 102 .flame-chart-entry-info table tr td:first-child { | 104 .flame-chart-entry-info table tr td:first-child { |
| 103 font-weight: bold; | 105 font-weight: bold; |
| 104 } | 106 } |
| 105 | 107 |
| 106 .flame-chart-entry-info table tr td span { | 108 .flame-chart-entry-info table tr td span { |
| 107 margin-right: 5px; | 109 margin-right: 5px; |
| 108 } | 110 } |
| OLD | NEW |