| 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 {
|
|
|