fix: Fix text overflowing out of terminal

meesam4687 · May 15, 2024 · 0b7009d · 0b7009d
1 parent fb8ce0e
commit 0b7009d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/scripts/index.js b/scripts/index.js
@@ -29,6 +29,7 @@ document.addEventListener('keydown', function (event) {
         exec(input);
         terminalBody.innerHTML += "root@browser:~$ <span class='caret'></span>";
         input = '';
+        terminalBody.scrollTop = terminalBody.scrollHeight - terminalBody.clientHeight;
     }
     keys = ['shift', 'control', 'alt', 'meta', 'backspace', 'capslock', 'tab', 'enter', 'escape', 'arrowup', 'arrowdown', 'arrowleft', 'arrowright', 'delete', 'insert', 'home', 'end', 'pageup', 'pagedown', 'numlock', 'scrolllock', 'pause', 'printscreen', 'f1', 'f2', 'f3', 'f4', 'f5', 'f6', 'f7', 'f8', 'f9', 'f10', 'f11', 'f12', 'audiovolumeup', 'audiovolumedown', 'audiovolumemute', 'mediaplaypause', 'mediastop', 'mediaprevioustrack', 'medianexttrack', 'audiovolumeup', 'audiovolumedown', 'audiovolumemute', 'mediaplaypause', 'mediastop', 'mediaprevioustrack', 'medianexttrack', 'audiovolumeup', 'audiovolumedown', 'audiovolumemute', 'mediaplaypause', 'mediastop', 'mediaprevioustrack', 'medianexttrack', 'audiovolumeup', 'audiovolumedown', 'audiovolumemute', 'mediaplaypause', 'mediastop', 'mediaprevioustrack', 'medianexttrack', 'audiovolumeup', 'audiovolumedown', 'audiovolumemute', 'mediaplaypause', 'mediastop', 'mediaprevioustrack', 'medianexttrack', 'audiovolumeup', 'audiovolumedown', 'audiovolumemute', 'mediaplaypause', 'mediastop', 'mediaprevioustrack', 'medianexttrack', 'audiovolumeup', 'audiovolumedown', 'audiovolumemute', 'mediaplaypause', 'mediastop', 'mediaprevioustrack', 'medianexttrack', 'audiovolumeup', 'audiovolumedown', 'audiovolumemute', 'mediaplaypause', 'mediastop', 'mediaprevioustrack', 'medianexttrack', 'audiovolumeup', 'audiovolumedown', 'audiovolumemute', 'mediaplaypause', 'mediastop'];
 
@@ -37,4 +38,5 @@ document.addEventListener('keydown', function (event) {
         terminalBody.innerHTML += event.key;
         terminalBody.innerHTML += '<span class="caret"></span>';
     }
-});
+});
+
diff --git a/styles/index.css b/styles/index.css
@@ -99,15 +99,17 @@ body {
 }
 
 .terminalBody {
+    overflow: auto;
     margin: 10px;
     margin-left: 4px;
     font-family: Consolas, monospace;
     font-size: 1.3ch;
+    height: 93%;
 }
 
 .caret {
     position: relative;
-    top: 50%;
+    top: 0%;
     transform: translate(30%, 18%);
     display: inline-block;
     background-color: white;