maxmustermann/vscode
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

tree indent guides: dynamic heights

Browse source
This commit is contained in:
Joao Moreno 2019-06-18 14:57:05 +02:00
parent 78ae98cce5
commit 1b5ff0a240
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/vs/base/browser/ui/tree/abstractTree.ts
View file

@ -381,7 +381,13 @@ class TreeRenderer<T, TFilterData, TTemplateData> implements IListRenderer<ITree
const disposableStore = new DisposableStore();
const width = this.indent * target.depth;
const svg = $.SVG('svg', { 'shape-rendering': 'crispEdges', width: `${width}`, height: `${height}`, viewBox: `0 0 ${width} ${height}` });
const svg = $.SVG('svg', {
'shape-rendering': 'crispEdges',
preserveAspectRatio: 'none',
width: `${width}`,
height: `${height}`,
viewBox: `0 0 ${width} ${height}`
});
let node = target;
let i = 1;

4
src/vs/base/browser/ui/tree/media/tree.css
View file

@ -81,6 +81,10 @@
background-image: url("loading-hc.svg");
}
.monaco-list .monaco-tl-indent > svg {
height: 100%;
}
.monaco-list .monaco-tl-indent > svg > line {
stroke: transparent;
transition: stroke 0.1s linear;