Converted Observatory heap-snapshot element

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

 /* Global styles */
 * {
   margin: 0;
   padding: 0;
   font: 400 14px 'Montserrat', sans-serif;
   color: #333;
   box-sizing: border-box;
 }
 
 body {
@@ skipping 648 matching lines @@
 removed */
 
 function-ref-wrapped > a[href]:hover {
   text-decoration: underline;
 }
 function-ref-wrapped > a[href] {
   color: #0489c3;
   text-decoration: none;
 }
 
+/* heap-snapshot */
+
+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 {
   text-decoration: underline;
 }
 inbound-reference > a[href] {
   color: #0489c3;
   text-decoration: none;
 }
 
@@ skipping 251 matching lines @@
 object-common-wrapped button {
   background-color: transparent;
   border: none;
   color: #0489c3;
   padding: 0;
   margin: -8px 4px;
   font-size: 20px;
   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 {
   display: block;
   height: 100%;
 }
 
 observatory-application > div {
   display: block;
   height: 100%;
@@ skipping 207 matching lines @@
 
 vm-connect-target > button.delete-button:hover {
   background: #ff0000;
 }
 
 /* vm-connect */
 
 vm-connect ul {
   list-style-type: none;
 }