Scrollable logs, auto-scroll to bottom.

pixelcrisis · Apr 12, 2021 · 930683b · 930683b
1 parent cd3cc40
commit 930683b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/scripts/_tools.js b/scripts/_tools.js
@@ -16,8 +16,10 @@ module.exports = tS => {
     if (this.logBook.length > 50) this.logBook.shift()
 
     let logger = $('#ts_logs')[0]
-    let copied = [ ...this.logBook ]
-    if (logger) logger.innerHTML = copied.reverse().join('<br>')
+    if (logger) {
+      logger.innerHTML = this.logBook.join('<br>')
+      logger.scrollTop = logger.scrollHeight
+    }
   }
 
   // portals to tt

diff --git a/turnStyles.sass b/turnStyles.sass
@@ -170,12 +170,15 @@ input.ts_inputs
       color: gold  
 
 #ts_logs
+  height: 200px
   display: none
+  overflow: auto
   font-size: 0.85em
   font-weight: normal
   margin-bottom: 40px
-  padding: 0 5px 0 20px
   font-family: monospace
+  padding: 10px 5px 10px 20px
+  background: rgba(0,0,0,0.2)
 
   span
     display: block