Create resizer for allocation perspective split view

Now there is a resizer between Allocations data grid and live objects summary view. The resizer has the same look as the one in the summary perspective.

BUG=277984
R=loislo@chromium.org

Review URL: https://codereview.chromium.org/221863002

git-svn-id: svn://svn.chromium.org/blink/trunk@170659 bbb929c8-8fbe-4397-9dbb-9b2b20218538

third_party/WebKit/Source/devtools/front_end/HeapSnapshotView.js

@@ -86,7 +86,7 @@ WebInspector.HeapSnapshotView = function(profile)
         this._allocationDataGrid.show(this._allocationView.element);
     }
 
-    this._retainmentViewHeader = document.createElementWithClass("div", "retainers-view-header");
+    this._retainmentViewHeader = document.createElementWithClass("div", "heap-snapshot-view-resizer");
     var retainingPathsTitleDiv = this._retainmentViewHeader.createChild("div", "title");
     var retainingPathsTitle = retainingPathsTitleDiv.createChild("span");
     retainingPathsTitle.textContent = WebInspector.UIString("Object's retaining tree");
@@ -375,6 +375,14 @@ WebInspector.HeapSnapshotView.AllocationPerspective = function()
 {
     WebInspector.HeapSnapshotView.Perspective.call(this,  WebInspector.UIString("Allocation"));
     this._allocationSplitView = new WebInspector.SplitView(false, true, "heapSnapshotAllocationSplitViewState", 200, 200);
+
+    var resizer = document.createElementWithClass("div", "heap-snapshot-view-resizer");
+    var title = resizer.createChild("div", "title").createChild("span");
+    title.textContent = WebInspector.UIString("Live objects");
+    this._allocationSplitView.hideDefaultResizer();
+    this._allocationSplitView.installResizer(resizer);
+
+    this._allocationSplitView.sidebarElement().appendChild(resizer);
 }
 
 WebInspector.HeapSnapshotView.AllocationPerspective.prototype = {

third_party/WebKit/Source/devtools/front_end/heapProfiler.css

@@ -114,7 +114,7 @@
     overflow: hidden;
 }
 
-.heap-snapshot-view .retainers-view-header {
+.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);
@@ -123,7 +123,7 @@
     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;
@@ -131,7 +131,7 @@
     margin-right: 8px;
 }
 
-.heap-snapshot-view .retainers-view-header * {
+.heap-snapshot-view .heap-snapshot-view-resizer * {
     pointer-events: none;
 }