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
}">
+
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;