Index: chrome_linux/resources/inspector/flameChart.css |
=================================================================== |
--- chrome_linux/resources/inspector/flameChart.css (revision 273864) |
+++ chrome_linux/resources/inspector/flameChart.css (working copy) |
@@ -7,17 +7,21 @@ |
} |
.chart-container { |
- overflow: hidden; |
- position: absolute; |
- top: 80px; |
- width: 100%; |
- bottom: 0; |
+ flex: auto; |
} |
#flame-chart-overview-grid .resources-dividers-label-bar { |
pointer-events: auto; |
} |
+.flame-chart-main-pane { |
+ overflow: hidden; |
+} |
+ |
+.flame-chart-overview-pane { |
+ flex: 0 0 80px !important; |
+} |
+ |
#flame-chart-overview-container { |
border-bottom: 1px solid rgba(0, 0, 0, 0.3); |
} |
@@ -40,4 +44,26 @@ |
.chart-container .entry-info .title { |
font-weight: bold; |
+} |
+ |
+.flame-chart-highlight-element { |
+ background-color: black; |
+ position: absolute; |
+ opacity: 0.2; |
+ pointer-events: none; |
+} |
+ |
+.flame-chart-selected-element { |
+ position: absolute; |
+ pointer-events: none; |
+ border-color: rgb(56, 121, 217); |
+ border-width: 2px; |
+ border-style: solid; |
+ background-color: rgba(56, 121, 217, 0.2); |
+} |
+ |
+.flame-chart-v-scroll { |
+ flex: 0 0 15px; |
+ overflow-x: hidden; |
+ overflow-y: scroll; |
} |