Browse Source

Improve timeline

Gaël Métais 10 years ago
parent
commit
8f152c11a9
3 changed files with 7 additions and 3 deletions
  1. 1 1
      app/node_views/results.html
  2. 4 0
      app/public/scripts/resultsCtrl.js
  3. 2 2
      app/public/styles/results.css

+ 1 - 1
app/node_views/results.html

@@ -139,7 +139,7 @@
                     <div class="domCreation"><div class="color"></div>DOM creation</div>
                     <div class="domContentLoaded"><div class="color"></div>DOM content loaded event</div>
                     <div class="domContentLoadedEnd"><div class="color"></div>Page completion</div>
-                    <div class="domComplete"><div class="color"></div>Page completed</div>
+                    <div class="domComplete"><div class="color"></div>Page is complete</div>
                 </div>
             </div>
 

+ 4 - 0
app/public/scripts/resultsCtrl.js

@@ -216,6 +216,10 @@ app.controller('ResultsCtrl', function ($scope) {
         $scope.slowRequestsOn = false;
         $scope.slowRequestsLimit = 5;
 
+        if (!$scope.javascript.children) {
+            return;
+        }
+
 
         // Now read the tree and display it on a timeline
         

+ 2 - 2
app/public/styles/results.css

@@ -144,7 +144,7 @@ h4 {
     background: #E0FFD1;
 }
 .timeline .domContentLoaded .color {
-    background: #99FF66;
+    background: #A7E846;
 }
 .timeline .domContentLoadedEnd.interval {
     background: #D8F0F0;
@@ -172,7 +172,7 @@ h4 {
     top: 0.4em;
     height: 1.5em;
     width: 1.5em;
-    border-radius: 0.5em;
+    border-radius: 0.2em;
     margin: 0 0.2em 0 1em;
 }