Converted Observatory heap-snapshot element

runtime/observatory/lib/src/elements/css/shared.css

Index: runtime/observatory/lib/src/elements/css/shared.css
diff --git a/runtime/observatory/lib/src/elements/css/shared.css b/runtime/observatory/lib/src/elements/css/shared.css
index 1ab12fa51db353ba4f099770a5dea5b131df651f..37e4dae2e1b13c7f20df0ced99beb86b3c0d11f2 100644
--- a/runtime/observatory/lib/src/elements/css/shared.css
+++ b/runtime/observatory/lib/src/elements/css/shared.css
@@ -666,6 +666,57 @@ function-ref-wrapped > a[href] {
   text-decoration: none;
 }
 
+/* heap-snapshot */
+
+
+heap-snapshot .statusMessage {
+  font-size: 150%;
+  font-weight: bold;
+}
+
+heap-snapshot .statusBox {
+  height: 100%;
+  padding: 1em;
+}
+heap-snapshot .explanation {
+  display: block;
+  display: -webkit-box;
+  -webkit-line-clamp: 4;
+  -webkit-box-orient: vertical;
+  max-height: 80px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+heap-snapshot virtual-tree {
+  position: absolute;
+  height: auto;
+  top: 250px;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+heap-snapshot .tree-item {
+  box-sizing: border-box;
+  line-height: 30px;
+  height: 30px;
+  padding-left: 5%;
+  padding-right: 5%;
+}
+heap-snapshot .tree-item > .size,
+heap-snapshot .tree-item > .percentage {
+  display: inline-block;
+  text-align: right;
+  width: 4em;
+  margin-left: 0.25em;
+  margin-right: 0.25em;
+}
+
+heap-snapshot .tree-item > .name {
+  display: inline;
+  margin-left: 0.5em;
+}
+
+
 /* inbound-reference */
 
 inbound-reference > a[href]:hover {
@@ -937,6 +988,21 @@ object-common-wrapped button {
   text-decoration: none;
 }
 
+/* object-pool-ref */
+
+object-pool-ref > a[href]:hover {
+    text-decoration: underline;
+}
+
+object-pool-ref > a[href] {
+    color: #0489c3;
+    text-decoration: none;
+}
+
+object-pool-ref > a[href] * {
+    color: inherit;
+}
+
 /* observatory-application */
 
 observatory-application {