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 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
52 } | 52 } |
53 | 53 |
54 .flame-chart-selection-overlay .time-span { | 54 .flame-chart-selection-overlay .time-span { |
55 white-space: nowrap; | 55 white-space: nowrap; |
56 position: absolute; | 56 position: absolute; |
57 left: 0; | 57 left: 0; |
58 right: 0; | 58 right: 0; |
59 bottom: 0; | 59 bottom: 0; |
60 } | 60 } |
61 | 61 |
62 .flame-chart-entry-info { | 62 .flame-chart-entry-info:not(:empty) { |
| 63 z-index: 100; |
| 64 margin: 6px 10px; |
63 position: absolute; | 65 position: absolute; |
64 bottom: 6px; | 66 background-color: white; |
65 left: 12px; | |
66 background-color: rgba(255, 255, 255, 0.7); | |
67 pointer-events: none; | 67 pointer-events: none; |
| 68 padding: 2px; |
| 69 box-shadow: hsla(0, 0%, 0%, 0.4) 1px 1px 8px; |
| 70 } |
| 71 |
| 72 .flame-chart-entry-info table tr td:empty { |
| 73 padding: 0; |
| 74 } |
| 75 |
| 76 .flame-chart-entry-info table tr td:not(:empty) { |
| 77 padding: 0 5px; |
| 78 white-space: nowrap; |
68 } | 79 } |
69 | 80 |
70 .flame-chart-entry-info table tr td:first-child { | 81 .flame-chart-entry-info table tr td:first-child { |
71 font-weight: bold; | 82 font-weight: bold; |
72 padding-right: 8px; | |
73 } | 83 } |
| 84 |
| 85 .flame-chart-entry-info table tr td span { |
| 86 margin-right: 5px; |
| 87 } |
| 88 |
| 89 .flame-chart-entry-info table tr td span.timeline-network-info-duration { |
| 90 color: darkgreen; |
| 91 } |
| 92 |
| 93 .flame-chart-entry-info table tr td span.timeline-network-info-method { |
| 94 color: darkblue; |
| 95 } |
OLD | NEW |