arcs / arcs.js

Go to a project
Toggle navigation Toggle navigation pinning
Jean-Yves Didier
21bbbae1 1 parent f049b700

styling loop application

Inline Side-by-side
Showing 2 changed files with 8 additions and 3 deletions
...@@ -24,7 +24,7 @@ Console = ARCS.Component.create( ...@@ -24,7 +24,7 @@ Console = ARCS.Component.create(
24 s.style.color=color; 24 s.style.color=color;
25 var elapsed = (new Date().getTime() - this.timeRef); 25 var elapsed = (new Date().getTime() - this.timeRef);
26 26
27 - s.innerHTML = '<span class="marker">' + (elapsed/1000).toFixed(3) + '</span>' + Array.prototype.join.call(args, ' '); 27 + s.innerHTML = '<span class="marker">' + (elapsed/1000).toFixed(3) + '</span> ' + Array.prototype.join.call(args, ' ');
28 output.appendChild(s); 28 output.appendChild(s);
29 output.appendChild(document.createElement("br")); 29 output.appendChild(document.createElement("br"));
30 }, 30 },
......
...@@ -6,11 +6,16 @@ ...@@ -6,11 +6,16 @@
6 type="module" 6 type="module"
7 src="../../build/arcs_browser.js"> 7 src="../../build/arcs_browser.js">
8 </script> 8 </script>
9 + <style>
10 + body {
11 + font-family: sans-serif;
12 + }
13 + </style>
9 </head> 14 </head>
10 <body> 15 <body>
11 <h1>ARCS in Web Browser</h1> 16 <h1>ARCS in Web Browser</h1>
12 - <div style="height:100px; overflow: auto; border: solid 1px navy;"> 17 + <div style="height:80vh; overflow: auto; border: solid 1px navy;">
13 - <p id="output" style="margin: 5px; padding: 5px;"></p> 18 + <p id="output" style="margin: 5px; padding: 5px; font-family: monospace;"></p>
14 <div> 19 <div>
15 </body> 20 </body>
16 </html> 21 </html>
......