[DevTools] Migrate RevisionHistoryView to TreeOutlineInShadow.

This is a step towards turning all tree outlines into independent web components,
removing global styles related to it and allowing more components to encapsulate their inner details.

BUG=none

Review-Url: https://codereview.chromium.org/2349533002
Cr-Commit-Position: refs/heads/master@{#419089}

third_party/WebKit/Source/devtools/front_end/sources/RevisionHistoryView.js

@@ -35,12 +35,11 @@
 WebInspector.RevisionHistoryView = function()
 {
     WebInspector.VBox.call(this);
-    this.registerRequiredCSS("sources/revisionHistory.css");
-    this.element.classList.add("revision-history-drawer");
     this._uiSourceCodeItems = new Map();
 
-    this._treeOutline = new TreeOutline();
-    this._treeOutline.element.classList.add("outline-disclosure");
+    this._treeOutline = new TreeOutlineInShadow();
+    this._treeOutline.registerRequiredCSS("sources/revisionHistory.css");
+    this._treeOutline.makeDense();
     this.element.appendChild(this._treeOutline.element);
 
     /**

third_party/WebKit/Source/devtools/front_end/sources/revisionHistory.css

@@ -26,32 +26,6 @@
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
-.outline-disclosure.revision-history-drawer {
-    -webkit-padding-start: 0;
-    overflow: auto;
-}
-
-.outline-disclosure.revision-history-drawer ol {
-    margin-top: 2px;
-    -webkit-padding-start: 0;
-    padding-left: 0 !important;
-}
-
-.outline-disclosure.revision-history-drawer > ol {
-    padding-left: 0;
-}
-
-.outline-disclosure.revision-history-drawer li {
-    padding-left: 6px;
-    margin-top: 0;
-    margin-bottom: 0;
-    height: 13px;
-}
-
-.outline-disclosure.revision-history-drawer li.parent {
-    margin-left: 4px;
-}
-
 .revision-history-link {
     text-decoration: underline;
     cursor: pointer;
@@ -63,17 +37,17 @@
     padding-left: 16px;
 }
 
-.outline-disclosure.revision-history-drawer .revision-history-line {
-    padding-left: 0;
+li.revision-history-line {
+    padding-left: 6px;
     -webkit-user-select: text;
 }
 
-.revision-history-drawer .webkit-line-number {
+.webkit-line-number {
     border-right: 1px solid #BBB;
     background-color: #F0F0F0;
 }
 
-.revision-history-drawer li.revision-history-revision {
+li.revision-history-revision {
     padding-left: 16px;
 }