[invalidations] Convert invalidations to use TreeOutline

Source/devtools/front_end/timeline/invalidationsTree.css

Index: Source/devtools/front_end/timeline/invalidationsTree.css
diff --git a/Source/devtools/front_end/timeline/invalidationsTree.css b/Source/devtools/front_end/timeline/invalidationsTree.css
new file mode 100644
index 0000000000000000000000000000000000000000..514a2bc30f1d865bf55fa3fa5341a842f841a5ed
--- /dev/null
+++ b/Source/devtools/front_end/timeline/invalidationsTree.css
@@ -0,0 +1,26 @@
+/*
+ * Copyright 2015 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+ */
+
+.header, .children, .content {
+    min-height: initial;
+    line-height: initial;
+}
+
+.children li::before {

[pfeldman, 2015/04/09 10:15:52]

So you are making it always expanded? I guess we should enrich treeoutline with
this capability. Mind inserting a FIXME here?

[pdr., 2015/04/09 18:20:34]

Yep! Done. crbug.com/475618 is tracking this. Should be pretty easy to
implement.

+    display: none;
+}
+
+.content {
+    margin-bottom: 4px;
+}
+
+.content .stack-preview-container {
+    margin-left: 8px;
+}
+
+.content .node-list {
+    margin-left: 10px;
+}