tree indent guides: dynamic heights

src/vs/base/browser/ui/tree/abstractTree.ts

@@ -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;

src/vs/base/browser/ui/tree/media/tree.css

@@ -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;