Index: chrome_linux/resources/inspector/heapProfiler.css |
=================================================================== |
--- chrome_linux/resources/inspector/heapProfiler.css (revision 273864) |
+++ chrome_linux/resources/inspector/heapProfiler.css (working copy) |
@@ -33,22 +33,6 @@ |
content: url(Images/profileIcon.png); |
} |
-.heap-snapshot-sidebar-tree-item.wait .icon { |
- content: url(Images/spinnerActive.gif); |
-} |
- |
-.heap-snapshot-sidebar-tree-item.wait.selected .icon { |
- content: url(Images/spinnerActiveSelected.gif); |
-} |
- |
-body.inactive .heap-snapshot-sidebar-tree-item.wait .icon { |
- content: url(Images/spinnerInactive.gif); |
-} |
- |
-body.inactive .heap-snapshot-sidebar-tree-item.wait.selected .icon { |
- content: url(Images/spinnerInactiveSelected.gif); |
-} |
- |
.heap-snapshot-sidebar-tree-item.small .icon { |
content: url(Images/profileSmallIcon.png); |
} |
@@ -63,25 +47,21 @@ |
bottom: 0; |
} |
-.heap-snapshot-view.visible { |
- display: block; |
+.heap-snapshot-view .pie-chart { |
+ margin: 12px 30px; |
} |
-.heap-snapshot-view .view { |
- display: none; |
+.heap-snapshot-view .data-grid { |
+ border: none; |
} |
-.heap-snapshot-view .view.visible { |
- display: block; |
-} |
- |
.heap-snapshot-view .data-grid tr:empty { |
height: 16px; |
visibility: hidden; |
} |
-.heap-snapshot-view .data-grid { |
- border: none; |
+.heap-snapshot-view .data-grid tr.selected span { |
+ color: inherit; |
} |
.heap-snapshot-view .data-grid td.count-column { |
@@ -148,94 +128,35 @@ |
white-space: nowrap; |
} |
-.heap-snapshot-view .console-formatted-id { |
+.heap-snapshot-view tr:not(.selected) .console-formatted-id { |
color: grey; |
} |
-.heap-snapshot-view .data-grid tr.selected * { |
- color: inherit; |
-} |
- |
-.heap-snapshot-view .data-grid:focus tr.selected * { |
- color: white; |
-} |
- |
.heap-snapshot-view .delimiter { |
height: 24px; |
background-color: #d6dde5; |
} |
.heap-snapshot-view .data-grid { |
- position: absolute; |
- top: 0; |
- left: 0; |
- right: 0; |
- bottom: 0; |
+ flex: auto; |
} |
-.heap-snapshot-view .views-container { |
- position: absolute; |
- top: 0; |
- left: 0; |
- right: 0; |
- bottom: 173px; |
+.heap-snapshot-view .heap-tracking-overview { |
+ flex: 0 0 80px; |
+ height: 80px; |
} |
-.reserve-80px-at-top { |
- top: 80px !important; |
-} |
- |
-.heap-snapshot-view .views-container .view { |
- position: absolute; |
- top: 0; |
- left: 0; |
- right: 0; |
- bottom: 0; |
-} |
- |
.heap-snapshot-view .retaining-paths-view { |
- height: 150px; |
- position: absolute; |
- bottom: 0; |
- left: 0; |
- right: 0; |
+ overflow: hidden; |
} |
-.heap-snapshot-view .class-view-grid { |
- top: 22px; |
-} |
- |
-.heap-snapshot-view .class-view-toolbar { |
- height: 22px; |
- background-color: #DDD; |
- display: block; |
- position: absolute; |
- left: 0; |
- right: 0; |
- top: 0; |
-} |
- |
-.heap-snapshot-view .class-view-toolbar input.class-name-filter { |
- width: 200px; |
- height: 18px; |
- font-size: 11px; |
- padding: 2px; |
- margin: 2px 10px; |
- background-color: white; |
- border: solid 1px #BBB; |
-} |
- |
.heap-snapshot-view .retainers-view-header { |
- background-image: url(Images/statusbarResizerVertical.png), -webkit-linear-gradient(rgb(253,253,253), rgb(230,230,230) 75%, rgb(230,230,230)); |
- border-top: 1px solid rgb(202, 202, 202); |
+ background-image: url(Images/statusbarResizerVertical.png); |
+ background-color: rgb(236, 236, 236); |
+ border-bottom: 1px solid rgb(179, 179, 179); |
background-repeat: no-repeat; |
background-position: right center, center; |
- height: 23px; |
- display: block; |
- position: absolute; |
- left: 0; |
- right: 0; |
- bottom: 150px; |
+ flex: 0 0 21px; |
} |
.heap-snapshot-view .retainers-view-header .title > span { |
@@ -246,6 +167,10 @@ |
margin-right: 8px; |
} |
+.heap-snapshot-view .retainers-view-header * { |
+ pointer-events: none; |
+} |
+ |
.heap-snapshot-view tr:not(.selected) td.object-column span.highlight { |
background-color: rgb(255, 255, 200); |
} |
@@ -254,10 +179,6 @@ |
color: gray; |
} |
-.heap-snapshot-help-status-bar-item .glyph { |
- -webkit-mask-position: -160px -2px; |
-} |
- |
table.heap-snapshot-help { |
border-spacing: 12px 2px; |
} |
@@ -293,3 +214,34 @@ |
right: 0; |
bottom: 0; |
} |
+ |
+.heap-snapshot-stats-legend { |
+ margin-left: 24px; |
+} |
+ |
+.heap-snapshot-stats-legend > div { |
+ margin-top: 1px; |
+ width: 170px; |
+} |
+ |
+.heap-snapshot-stats-swatch { |
+ display: inline-block; |
+ width: 10px; |
+ height: 10px; |
+ border: 1px solid rgba(100, 100, 100, 0.3); |
+} |
+ |
+.heap-snapshot-stats-swatch.heap-snapshot-stats-empty-swatch { |
+ border: none; |
+} |
+ |
+.heap-snapshot-stats-name, |
+.heap-snapshot-stats-size { |
+ display: inline-block; |
+ margin-left: 6px; |
+} |
+ |
+.heap-snapshot-stats-size { |
+ float: right; |
+ text-align: right; |
+} |