diff options
Diffstat (limited to 'chromium/third_party/WebKit/Source/devtools/front_end/heapProfiler.css')
-rw-r--r-- | chromium/third_party/WebKit/Source/devtools/front_end/heapProfiler.css | 219 |
1 files changed, 70 insertions, 149 deletions
diff --git a/chromium/third_party/WebKit/Source/devtools/front_end/heapProfiler.css b/chromium/third_party/WebKit/Source/devtools/front_end/heapProfiler.css index d74ea2d051e..7965818341f 100644 --- a/chromium/third_party/WebKit/Source/devtools/front_end/heapProfiler.css +++ b/chromium/third_party/WebKit/Source/devtools/front_end/heapProfiler.css @@ -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,16 +47,12 @@ body.inactive .heap-snapshot-sidebar-tree-item.wait.selected .icon { 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 .view.visible { - display: block; +.heap-snapshot-view .data-grid { + border: none; } .heap-snapshot-view .data-grid tr:empty { @@ -80,58 +60,8 @@ body.inactive .heap-snapshot-sidebar-tree-item.wait.selected .icon { visibility: hidden; } -.heap-snapshot-view .data-grid { - border: none; -} - -.heap-snapshot-view .data-grid td.count-column { - text-align: right; -} - -.heap-snapshot-view .data-grid td.addedCount-column { - text-align: right; -} - -.heap-snapshot-view .data-grid td.removedCount-column { - text-align: right; -} - -.heap-snapshot-view .data-grid td.countDelta-column { - text-align: right; -} - -.heap-snapshot-view .data-grid td.addedSize-column { - text-align: right; -} - -.heap-snapshot-view .data-grid td.removedSize-column { - text-align: right; -} - -.heap-snapshot-view .data-grid td.sizeDelta-column { - text-align: right; -} - -.heap-snapshot-view .data-grid td.shallowSize-column { - text-align: right; -} - -.heap-snapshot-view .data-grid td.retainedSize-column { - text-align: right; -} - -.heap-snapshot-view .data-grid td.distanceToWindow-column { - text-align: right; -} - -.heap-snapshot-view .data-grid div.heap-snapshot-multiple-values { - float: right; -} - .heap-snapshot-view .data-grid span.percent-column { - color: #999; width: 32px; - display: inline-block; } .heap-snapshot-view .console-formatted-object, @@ -148,97 +78,38 @@ body.inactive .heap-snapshot-sidebar-tree-item.wait.selected .icon { 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; -} - -.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 .heap-tracking-overview { + flex: 0 0 80px; + height: 80px; } .heap-snapshot-view .retaining-paths-view { - height: 150px; - position: absolute; - bottom: 0; - left: 0; - right: 0; -} - -.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; + overflow: hidden; } -.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); +.heap-snapshot-view .heap-snapshot-view-resizer { + 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 { +.heap-snapshot-view .heap-snapshot-view-resizer .title > span { display: inline-block; padding-top: 3px; vertical-align: middle; @@ -246,6 +117,14 @@ body.inactive .heap-snapshot-sidebar-tree-item.wait.selected .icon { margin-right: 8px; } +.heap-snapshot-view .heap-snapshot-view-resizer * { + pointer-events: none; +} + +.heap-snapshot-view .heap-object-details-header { + background-color: rgb(236, 236, 236); +} + .heap-snapshot-view tr:not(.selected) td.object-column span.highlight { background-color: rgb(255, 255, 200); } @@ -254,10 +133,6 @@ body.inactive .heap-snapshot-sidebar-tree-item.wait.selected .icon { color: gray; } -.heap-snapshot-help-status-bar-item .glyph { - -webkit-mask-position: -160px -2px; -} - table.heap-snapshot-help { border-spacing: 12px 2px; } @@ -293,3 +168,49 @@ table.heap-snapshot-help { 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; +} + +.heap-allocation-stack .stack-frame { + display: flex; + justify-content: space-between; + border-bottom: 1px solid rgb(240, 240, 240); + padding: 2px; +} + +.heap-allocation-stack .stack-frame a { + color: rgb(33%, 33%, 33%); +} + +.no-heap-allocation-stack { + padding: 5px; +} |