Change include precise loading time in hidden definition data entry

This way it is easily retrievable for CI scripts

Author: JohannesDeml

Assets/WebGLTemplates/Develop/debug-console.css

@@ -123,15 +123,28 @@
     background: rgba(255, 255, 255, 0.4);
 }
 
-#infoPanel dt, #infoPanel dd {
+dt, dd {
     display: inline;
 }
 
-#infoPanel dt:after{
+dt:after{
     content: ':';
 }
 
-#infoPanel dd:after{
+.tracking-seconds:after{
+    content: 's';
+}
+
+.tracking-milliseconds:after{
+    content: 'ms';
+}
+
+/* Hide Milliseconds value, still useful for CI to get exact values */
+.tracking-milliseconds, .tracking-milliseconds:after {
+    display: none;
+}
+
+dl div:after {
     display: block;
     content: '';
 }
@@ -178,4 +191,4 @@
     left: 2px;
     top: 2px;
     box-shadow: 0 4px 0,0 8px 0
-} 
+}

Assets/WebGLTemplates/Develop/debug-console.js

@@ -116,7 +116,11 @@ function refreshTrackingDiv() {
     const trackingDiv = getOrCreateInfoEntry('tracking');
     let innerHtml = '<dl>';
     unityTimeTrackers.forEach((value, key, map) => {
-        innerHtml += `<dt>${key}</dt> <dd>${(value/1000.0).toFixed(2)}s</dd>`;
+        innerHtml += `<div id='tracking-${key}'>
+                        <dt>${key}</dt>
+                        <dd class='tracking-seconds'>${(value/1000.0).toFixed(2)}</dd>
+                        <dd class='tracking-milliseconds'>${value}</dd>
+                      </div>`;
     });
     innerHtml += '</dl>';
     trackingDiv.innerHTML = innerHtml;