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

add position

Browse Source
This commit is contained in:
meganrogge
2022-03-15 13:07:49 -04:00
parent e7e9d5ca4c
commit df929f2dd5
2 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/client.ts
+6 -3
View File
@@ -556,9 +556,12 @@ function addDecoration() {
function addOverviewRuler() {
term.options['overviewRulerWidth'] = 15;
const canvas = term.registerDecoration({marker: term.addMarker(1), { color }: 'red'});
term.registerDecoration({marker: term.addMarker(3), { color }: 'green'});
term.registerDecoration({marker: term.addMarker(5), { color }: 'blue'});
const canvas = term.registerDecoration({marker: term.addMarker(1), overviewRulerOptions: { color: 'red' }});
term.registerDecoration({marker: term.addMarker(3), overviewRulerOptions: { color: 'green' }});
term.registerDecoration({marker: term.addMarker(5), overviewRulerOptions: { color: 'blue' }});
term.registerDecoration({marker: term.addMarker(7), overviewRulerOptions: { color: 'red', position: 'left' }});
term.registerDecoration({marker: term.addMarker(7), overviewRulerOptions: { color: 'green', position: 'center' }});
term.registerDecoration({marker: term.addMarker(7), overviewRulerOptions: { color: 'blue', position: 'right' }});
canvas.onRender((e) => {
e.style.left = `${document.querySelector('.xterm-viewport').clientWidth + 5}px`;
});
src/browser/Decorations/OverviewRulerRenderer.ts
+5 -3
View File
@@ -67,7 +67,7 @@ export class OverviewRulerRenderer extends Disposable {
}
private _refreshStyle(decoration: IInternalDecoration): void {
if (!this._ctx) {
if (!this._ctx || !this._optionsService.options.overviewRulerWidth) {
return;
}
if (decoration.options.anchor === 'right') {
@@ -81,10 +81,12 @@ export class OverviewRulerRenderer extends Disposable {
}
this._ctx.lineWidth = 1;
this._ctx.strokeStyle = decoration.options.overviewRulerOptions.color;
const size = Math.floor(this._optionsService.options.overviewRulerWidth / 3);
const position = decoration.options.overviewRulerOptions.position;
this._ctx.strokeRect(
0,
!position || position === 'left' ? 0 : position === 'right' ? size * 2 + 1: size,
Math.round(this._canvas.height * (decoration.options.marker.line / this._bufferService.buffers.active.lines.length)),
this._canvas.width,
!position ? this._canvas.width : position === 'center' ? size + 1 : size,
window.devicePixelRatio
);
}