fix other terrible scrollbar display

src/sh2.less

@@ -30,6 +30,8 @@
 
 @soft-blue: #729fcf;
 
+
+
 .mono-font(@size: inherit, @weight: inherit) {
     font-family: 'JetBrains Mono', monospace;
     font-size: @size;
@@ -44,6 +46,16 @@ body::-webkit-scrollbar {
     display: none;
 }
 
+*::-webkit-scrollbar {
+    background-color: #777;
+    width: 5px;
+    height: 5px;
+}
+
+*::-webkit-scrollbar-thumb {
+    background: white;
+}
+
 #main {
     height: 100vh;
     display: flex;
@@ -438,6 +450,7 @@ body::-webkit-scrollbar {
     border-bottom: 2px solid #ddd;
     white-space: nowrap;
     overflow: hidden;
+    flex-shrink: 0;
 
     &.is-dev {
         background-color: darken(rgb(177, 0, 10), 30%);
@@ -1077,6 +1090,12 @@ body .xterm .xterm-viewport {
         background: transparent;
         z-index: 10;
     }
+
+    .xterm-screen {
+        &::-webkit-scrollbar {
+            display: none;
+        }
+    }
 }
 
 .terminal-wrapper.focus .xterm {

src/term.ts

@@ -117,7 +117,6 @@ class TermWrap {
         // xterm.js renders a textarea that handles focus.  when it focuses and a space is typed the browser
         //   will scroll to make it visible (even though our terminal element has overflow hidden)
         // this will undo that scroll.
-        console.log("scroll", this.atRowMax, e.target.scrollTop);
         if (this.atRowMax || e.target.scrollTop == 0) {
             return;
         }