Browse Source

use inline css for console

Gregg Tavares 7 years ago
parent
commit
dec477015c
1 changed files with 11 additions and 0 deletions
  1. 11 0
      threejs/resources/threejs-lessons-helper.js

+ 11 - 0
threejs/resources/threejs-lessons-helper.js

@@ -118,6 +118,17 @@
   function setupConsole() {
     var parent = document.createElement("div");
     parent.className = "console";
+    Object.assign(parent.style, {
+      fontFamily: 'monospace',
+      fontSize: 'medium',
+      maxHeight: '50%',
+      position: 'fixed',
+      bottom: 0,
+      left: 0,
+      width: '100%',
+      overflow: 'auto',
+      background: '#DDD',
+    });
     var numLinesRemaining = 100;
     var added = false;