eiac/xterm.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 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 { .xterm-decoration-scrollbar {
z-index: 7; z-index: 7;
position: fixed; position: sticky;
top: 0px; top: 0px;
right: 0px; right: 0px;
width: 50px; width: 50px;
@@ -189,6 +189,5 @@
.xterm-decoration-scrollbar.demo-scrollbar { .xterm-decoration-scrollbar.demo-scrollbar {
height: 436px; height: 436px;
left: 872px; z-index:10;
top: 83px;
} }
demo/client.ts
+3 -2
View File
@@ -553,8 +553,9 @@ function addDecoration() {
} }
function addScrollbarDecoration() { function addScrollbarDecoration() {
document.querySelector('.xterm-decoration-scrollbar').classList.add('demo-scrollbar'); document.querySelector('.xterm-decoration-scrollbar')?.classList.add('demo-scrollbar');
term.registerDecoration({marker: term.addMarker(1), scrollbarDecorationColor: 'red'}); 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(3), scrollbarDecorationColor: 'green'});
term.registerDecoration({marker: term.addMarker(5), scrollbarDecorationColor: 'blue'}); term.registerDecoration({marker: term.addMarker(5), scrollbarDecorationColor: 'blue'});
} }