polish debug console arrows

fixes #86016
microsoft · Dec 5, 2019 · c8eb6fd · c8eb6fd
1 parent 4b394b9
commit c8eb6fd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/vs/workbench/contrib/debug/browser/media/repl.css b/src/vs/workbench/contrib/debug/browser/media/repl.css
@@ -30,6 +30,9 @@
 	cursor: pointer;
 }
 
+.monaco-workbench.mac .repl .repl-tree .monaco-tl-twistie {
+	padding-right: 0px;
+}
 
 .repl .repl-tree .output.expression.value-and-source {
 	display: flex;
@@ -42,11 +45,11 @@
 .repl .repl-tree .monaco-tl-contents .arrow {
 	position:absolute;
 	left: 2px;
-	opacity: 0.3;
+	opacity: 0.25;
 }
 
 .vs-dark .repl .repl-tree .monaco-tl-contents .arrow {
-	opacity: 0.45;
+	opacity: 0.4;
 }
 
 .repl .repl-tree .output.expression.value-and-source .source {

diff --git a/src/vs/workbench/contrib/debug/browser/repl.ts b/src/vs/workbench/contrib/debug/browser/repl.ts
@@ -610,7 +610,7 @@ class ReplEvaluationInputsRenderer implements ITreeRenderer<ReplEvaluationInput,
 	}
 
 	renderTemplate(container: HTMLElement): IReplEvaluationInputTemplateData {
-		dom.append(container, $('span.arrow.codicon.codicon-arrow-small-right'));
+		dom.append(container, $('span.arrow.codicon.codicon-chevron-right'));
 		const input = dom.append(container, $('.expression'));
 		const label = new HighlightedLabel(input, false);
 		return { label };
@@ -636,7 +636,7 @@ class ReplEvaluationResultsRenderer implements ITreeRenderer<ReplEvaluationResul
 	constructor(private readonly linkDetector: LinkDetector) { }
 
 	renderTemplate(container: HTMLElement): IReplEvaluationResultTemplateData {
-		dom.append(container, $('span.arrow.codicon.codicon-arrow-small-left'));
+		dom.append(container, $('span.arrow.codicon.codicon-chevron-left'));
 		const output = dom.append(container, $('.evaluation-result.expression'));
 		const value = dom.append(output, $('span.value'));
 		const annotation = dom.append(output, $('span'));