diff --git a/frontend/app/view/term/term.less b/frontend/app/view/term/term.less index d3b611d83..8dd176d57 100644 --- a/frontend/app/view/term/term.less +++ b/frontend/app/view/term/term.less @@ -118,24 +118,35 @@ } .terminal { - *::-webkit-scrollbar { - width: 4px; - height: 4px; + .xterm-viewport { + right: -7px; + } + .xterm-viewport::-webkit-scrollbar { + width: 6px; + height: 6px; } - *::-webkit-scrollbar-track { + .xterm-viewport::-webkit-scrollbar-track { background-color: var(--scrollbar-background-color); } - *::-webkit-scrollbar-thumb { + .xterm-viewport::-webkit-scrollbar-thumb { display: none; background-color: var(--scrollbar-thumb-color); border-radius: 4px; margin: 0 1px 0 1px; + + &:hover { + background-color: var(--scrollbar-thumb-hover-color); + } + + &:active { + background-color: var(--scrollbar-thumb-active-color); + } } &:hover { - *::-webkit-scrollbar-thumb { + .xterm-viewport::-webkit-scrollbar-thumb { display: block; } }