Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(514)

Unified Diff: runtime/observatory/lib/src/elements/css/shared.css

Issue 2962593002: Added Editor stream and sendObjectToEditor RPC into Service Protocol (Closed)
Patch Set: Added explanation comment Created 3 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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 {
« no previous file with comments | « runtime/observatory/lib/src/cpu_profile/cpu_profile.dart ('k') | runtime/observatory/lib/src/elements/debugger.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698