diff --git a/src/sh2.less b/src/sh2.less index 8b661f6b..b849f990 100644 --- a/src/sh2.less +++ b/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 { diff --git a/src/term.ts b/src/term.ts index fc8240c1..f0f55bf7 100644 --- a/src/term.ts +++ b/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; }