diff --git a/app/node_views/results.html b/app/node_views/results.html index 5a42166..1259864 100644 --- a/app/node_views/results.html +++ b/app/node_views/results.html @@ -134,10 +134,13 @@ domComplete: $index * timelineIntervalDuration >= phantomasResults.metrics.domComplete }">
+
+
Timestamp: {{$index * timelineIntervalDuration | number: 0}} ms
+
0 ms
-
{{endTime}} ms
+
{{endTime | number: 0}} ms
@@ -272,7 +275,7 @@
-
{{node.data.timestamp}}
+
{{node.data.timestamp | number: 0}}
diff --git a/app/public/styles/results.css b/app/public/styles/results.css index 5818cd0..a178431 100644 --- a/app/public/styles/results.css +++ b/app/public/styles/results.css @@ -145,11 +145,17 @@ h4 { height: 100px; width: 0.5%; } -.timeline .interval > div { +.timeline .interval .color { position: absolute; bottom: 0; width: 100%; } +.timeline div.interval:hover { + background: #9C4274; +} +.timeline .interval:hover .color { + background: #F04DA7; +} .timeline .domComplete.interval { background: #EDE3FF; } @@ -174,6 +180,17 @@ h4 { .timeline .domCreation .color { background: #FF6600; } +.timeline .tooltip.detailsOverlay { + position: absolute; + display: none; + width: auto; + padding: 0.5em 1em; + top: 1em; + right: 1em; +} +.timeline .interval:hover .tooltip { + display: block; +} .timeline .legend { display: table;