[DevTools] Migrate RequestHeadersView to TreeOutlineInShadow.

third_party/WebKit/Source/devtools/front_end/network/RequestHeadersView.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) IBM Corp. 2009  All rights reserved.
  * Copyright (C) 2010 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 26 matching lines @@
 {
     WebInspector.VBox.call(this);
     this.registerRequiredCSS("network/requestHeadersView.css");
     this.element.classList.add("request-headers-view");
 
     this._request = request;
     this._decodeRequestParameters = true;
     this._showRequestHeadersText = false;
     this._showResponseHeadersText = false;
 
-    var root = new TreeOutline(true);
-    root.element.classList.add("outline-disclosure");
+    var root = new TreeOutlineInShadow();
+    root.registerRequiredCSS("network/requestHeadersTree.css");
+    root.element.classList.add("request-headers-tree");
+    root.setFocusable(false);
+    root.makeDense();

[allada, 2016/09/09 01:40:40]

Can we instead move this into the constructor of TreeOutlineInShadow() so we
don't need to expose it?

[dgozman, 2016/09/09 02:27:50]

As discussed offline, our current style is a bunch of makeXXX methods to make it
manageable.

     root.expandTreeElementsWhenArrowing = true;
     this.element.appendChild(root.element);
 
     var generalCategory = new WebInspector.RequestHeadersView.Category(root, "general", WebInspector.UIString("General"));
     generalCategory.hidden = false;
     this._urlItem = generalCategory.createLeaf();
     this._requestMethodItem = generalCategory.createLeaf();
     this._statusCodeItem = generalCategory.createLeaf();
     this._remoteAddressItem = generalCategory.createLeaf();
     this._remoteAddressItem.hidden = true;
@@ skipping 468 matching lines @@
         this._expandedSetting.set(true);
     },
 
     oncollapse: function()
     {
         this._expandedSetting.set(false);
     },
 
     __proto__: TreeElement.prototype
 }