Merge pull request #85 from humanmade/flamegraph-improvements

Flamegraph improvements
humanmade · Oct 11, 2022 · 67008d6 · 67008d6
2 parents 2a531bb + 40b6ad0
commit 67008d6
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 6 deletions.
diff --git a/assets/flamegraph.js b/assets/flamegraph.js
diff --git a/inc/query_monitor/class-output-flamegraph-html.php b/inc/query_monitor/class-output-flamegraph-html.php
@@ -49,6 +49,30 @@ public function output() {
 				<?php endif ?>
 			</h2>
 		</caption>
+		<style>
+			.aws-xray-flamegraph {
+				width: 100%;
+			}
+
+			.d3-flame-graph rect {
+				stroke: #fff;
+			}
+
+			.d3-flame-graph foreignObject {
+				cursor: pointer;
+			}
+
+			.d3-flame-graph foreignObject:hover {
+				background-color: rgba( 255, 255, 255, 0.3 );
+			}
+
+			.d3-flame-graph foreignObject div {
+				margin: 0 3px;
+				color: #000;
+				font-size: 10px;
+				overflow: hidden;
+			}
+		</style>
 		<div class="aws-xray-flamegraph"><?php echo wp_json_encode( $xhprof ) ?></div>
 		<?php