waveterm/xterm.js
0
0
Fork 0
mirror of https://github.com/wavetermdev/xterm.js.git synced 2026-08-05 13:43:48 -07:00
Code Issues Packages Projects Releases Wiki Activity

use position sticky

Browse Source
This commit is contained in:
meganrogge
2022-03-09 12:24:37 -06:00
parent 89a0cee5a4
commit 167a6fdbf6
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/xterm.css
+2 -3
View File
@@ -181,7 +181,7 @@
.xterm-decoration-scrollbar {
z-index: 7;
position: fixed;
position: sticky;
top: 0px;
right: 0px;
width: 50px;
@@ -189,6 +189,5 @@
.xterm-decoration-scrollbar.demo-scrollbar {
height: 436px;
left: 872px;
top: 83px;
z-index:10;
}
demo/client.ts
+3 -2
View File
@@ -553,8 +553,9 @@ function addDecoration() {
}
function addScrollbarDecoration() {
document.querySelector('.xterm-decoration-scrollbar').classList.add('demo-scrollbar');
term.registerDecoration({marker: term.addMarker(1), scrollbarDecorationColor: 'red'});
document.querySelector('.xterm-decoration-scrollbar')?.classList.add('demo-scrollbar');
const scrollbarDecorationCanvas = term.registerDecoration({marker: term.addMarker(1), scrollbarDecorationColor: 'red'});
scrollbarDecorationCanvas.element!.style.left = `${scrollbarDecorationCanvas.element!.nextElementSibling!.clientWidth + 89}px`;
term.registerDecoration({marker: term.addMarker(3), scrollbarDecorationColor: 'green'});
term.registerDecoration({marker: term.addMarker(5), scrollbarDecorationColor: 'blue'});
}