| 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; |
| (...skipping 28 matching lines...) Expand all Loading... |
| 39 left: 10px; | 39 left: 10px; |
| 40 top: 25px; | 40 top: 25px; |
| 41 background-color: rgba(255, 255, 255, 0.8); | 41 background-color: rgba(255, 255, 255, 0.8); |
| 42 pointer-events: none; | 42 pointer-events: none; |
| 43 } | 43 } |
| 44 | 44 |
| 45 .chart-container .entry-info .title { | 45 .chart-container .entry-info .title { |
| 46 font-weight: bold; | 46 font-weight: bold; |
| 47 } | 47 } |
| 48 | 48 |
| 49 .flame-chart-marker-highlight-element { |
| 50 position: absolute; |
| 51 top: 0px; |
| 52 height: 20px; |
| 53 width: 4px; |
| 54 margin: 0 -2px; |
| 55 content: ""; |
| 56 display: block; |
| 57 } |
| 58 |
| 49 .flame-chart-highlight-element { | 59 .flame-chart-highlight-element { |
| 50 background-color: black; | 60 background-color: black; |
| 51 position: absolute; | 61 position: absolute; |
| 52 opacity: 0.2; | 62 opacity: 0.2; |
| 53 pointer-events: none; | 63 pointer-events: none; |
| 54 } | 64 } |
| 55 | 65 |
| 56 .flame-chart-selected-element { | 66 .flame-chart-selected-element { |
| 57 position: absolute; | 67 position: absolute; |
| 58 pointer-events: none; | 68 pointer-events: none; |
| 59 border-color: rgb(56, 121, 217); | 69 border-color: rgb(56, 121, 217); |
| 60 border-width: 2px; | 70 border-width: 2px; |
| 61 border-style: solid; | 71 border-style: solid; |
| 62 background-color: rgba(56, 121, 217, 0.2); | 72 background-color: rgba(56, 121, 217, 0.2); |
| 63 } | 73 } |
| 64 | 74 |
| 65 .flame-chart-v-scroll { | 75 .flame-chart-v-scroll { |
| 66 flex: 0 0 14px; | 76 flex: 0 0 14px; |
| 67 overflow-x: hidden; | 77 overflow-x: hidden; |
| 68 } | 78 } |
| 69 | 79 |
| 70 body.platform-mac .flame-chart-v-scroll { | 80 body.platform-mac .flame-chart-v-scroll { |
| 71 position: absolute; | 81 position: absolute; |
| 72 width: 14px; | 82 width: 14px; |
| 73 top: 0; | 83 top: 0; |
| 74 right: 0; | 84 right: 0; |
| 75 bottom: 0; | 85 bottom: 0; |
| 76 } | 86 } |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 402113002:
Draw marker events on Timeline flame chart (Closed)
Base URL: svn://svn.chromium.org/blink/trunk