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 cd9c09b0b4a4ca4761061642b57bd266749f5940..39b683b1ec5e4ae999f25a8902603e1289f20c93 100644 |
--- a/runtime/observatory/lib/src/elements/css/shared.css |
+++ b/runtime/observatory/lib/src/elements/css/shared.css |
@@ -1577,6 +1577,170 @@ megamorphic-ref .emphasize { |
font-style: italic; |
} |
+/* allocation-profile */ |
+ |
+memory-dashboard .heap-space { |
+ display: inline-block; |
+ width: 50%; |
+} |
+ |
+memory-dashboard .heap-space.right, |
+memory-dashboard .heap-space.right .memberList, |
+memory-dashboard .heap-space.right .legend * { |
+ direction: rtl; |
+} |
+ |
+memory-dashboard .compactable { |
+ position: relative; |
+} |
+ |
+memory-dashboard .compact { |
+ position: absolute; |
+ bottom: 20px; |
+ left: 50%; |
+ width: 8em; |
+ margin-left: -4em; |
+} |
+ |
+memory-dashboard .heap-space.right * { |
+ direction: ltr; |
+ text-align: right; |
+} |
+ |
+memory-dashboard div.chart { |
+ display: block; |
+ position: relative; |
+ height: 150px; |
+} |
+memory-dashboard div.chart > div.host { |
+ display: inline-block; |
+ position: absolute; |
+ bottom: 0px; |
+ top: 0; |
+} |
+memory-dashboard div.chart > div.legend { |
+ position: absolute; |
+ width: 150px; |
+ top: 25px; |
+ bottom: 0; |
+ overflow-y: auto; |
+} |
+memory-dashboard .heap-space.left div.host { |
+ left: 200px; |
+ width: 180px; |
+} |
+memory-dashboard .heap-space.right div.host { |
+ right: 150px; |
+ width: 180px; |
+} |
+memory-dashboard .heap-space.left div.legend { |
+ left: 0; |
+} |
+memory-dashboard .heap-space.right div.legend { |
+ right: 0; |
+} |
+ |
+memory-dashboard .collection { |
+ position: absolute; |
+ bottom: 0; |
+ left: 0; |
+ right: 0; |
+ top: 560px; |
+} |
+ |
+memory-dashboard .collection.expanded { |
+ top: 160px; |
+} |
+ |
+memory-dashboard .collection-item { |
+ box-sizing: border-box; |
+ line-height: 20px; |
+ margin-left: 5%; |
+ margin-right: 5%; |
+} |
+ |
+memory-dashboard .header .collection-item:last-child { |
+ margin-bottom: -3px; |
+ border-bottom: solid 1px #AAAAAA; |
+} |
+ |
+memory-dashboard .header .collection-item span { |
+ font-weight: bolder; |
+} |
+ |
+memory-dashboard .collection-item :nth-child(2n+2).group, |
+memory-dashboard .collection-item :nth-child(4n+3).bytes, |
+memory-dashboard .collection-item :nth-child(4n+3).instances, |
+memory-dashboard .collection-item :nth-child(4n+4).bytes, |
+memory-dashboard .collection-item :nth-child(4n+4).instances { |
+ background-color: #EEEEEE; |
+} |
+ |
+memory-dashboard .collection-item:hover :nth-child(2n+2).group, |
+memory-dashboard .collection-item:hover :nth-child(4n+3).bytes, |
+memory-dashboard .collection-item:hover :nth-child(4n+3).instances, |
+memory-dashboard .collection-item:hover :nth-child(4n+4).bytes, |
+memory-dashboard .collection-item:hover :nth-child(4n+4).instances { |
+ background-color: #afd5fd; |
+} |
+ |
+memory-dashboard .header .collection-item :nth-child(2n+2).group, |
+memory-dashboard .header .collection-item :nth-child(4n+3).bytes, |
+memory-dashboard .header .collection-item :nth-child(4n+3).instances, |
+memory-dashboard .header .collection-item :nth-child(4n+4).bytes, |
+memory-dashboard .header .collection-item :nth-child(4n+4).instances { |
+ background-color: #DDDDDD; |
+} |
+ |
+memory-dashboard .scroller .collection-item:hover { |
+ background-color: #d2e7fe; |
+} |
+ |
+memory-dashboard .collection-item .group { |
+ background-color: white; |
+ display: inline-block; |
+ width: 12em; |
+ text-align: right; |
+ padding-right: 0.5em; |
+ line-height: 20px; |
+ border-right: solid 1px #AAAAAA; |
+} |
+ |
+memory-dashboard .collection-item .bytes { |
+ background-color: white; |
+ display: inline-block; |
+ width: 6em; |
+ text-align: right; |
+ line-height: 20px; |
+ padding-right: 0.5em; |
+} |
+ |
+memory-dashboard .collection-item .instances { |
+ background-color: white; |
+ display: inline-block; |
+ width: 6em; |
+ text-align: right; |
+ padding-right: 0.5em; |
+ line-height: 20px; |
+ border-right: solid 1px #AAAAAA; |
+} |
+ |
+memory-dashboard .collection-item .name { |
+ background-color: white; |
+ padding-left: 0.5em; |
+} |
+ |
+memory-dashboard .collection-item > button, |
+memory-dashboard .collection-item > button:active { |
+ background-color: transparent; |
+ color: #0489c3; |
+ border-style: none; |
+} |
+ |
+memory-dashboard .collection-item > button:hover { |
+ text-decoration: underline; |
+} |
+ |
/* metric-graph */ |
metric-graph { |