debug: decorate stackFrame ranges if provided

fixes #8851
microsoft · May 11, 2017 · a5b701b · a5b701b
1 parent b9988fe
commit a5b701b
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/src/vs/workbench/parts/debug/browser/debugEditorModelManager.ts b/src/vs/workbench/parts/debug/browser/debugEditorModelManager.ts
@@ -144,6 +144,12 @@ export class DebugEditorModelManager implements IWorkbenchContribution {
 					options: DebugEditorModelManager.TOP_STACK_FRAME_DECORATION,
 					range: columnUntilEOLRange
 				});
+				if (stackFrame.range.endLineNumber && stackFrame.range.endColumn) {
+					result.push({
+						options: { className: 'debug-top-stack-frame-range' },
+						range: stackFrame.range
+					});
+				}
 
 				if (this.modelDataMap.has(modelUriStr)) {
 					const modelData = this.modelDataMap.get(modelUriStr);
@@ -161,6 +167,12 @@ export class DebugEditorModelManager implements IWorkbenchContribution {
 				options: DebugEditorModelManager.FOCUSED_STACK_FRAME_MARGIN,
 				range
 			});
+			if (stackFrame.range.endLineNumber && stackFrame.range.endColumn) {
+				result.push({
+					options: { className: 'debug-focused-stack-frame-range' },
+					range: stackFrame.range
+				});
+			}
 
 			result.push({
 				options: DebugEditorModelManager.FOCUSED_STACK_FRAME_DECORATION,

diff --git a/src/vs/workbench/parts/debug/browser/media/debug.contribution.css b/src/vs/workbench/parts/debug/browser/media/debug.contribution.css
@@ -13,6 +13,10 @@
 	background: rgba(255, 255, 102, 0.45);
 }
 
+.monaco-editor .debug-top-stack-frame-range {
+	background: #ffeca0;
+}
+
 .monaco-editor .debug-top-stack-frame-column::before {
 	background: url('current-arrow.svg') center center no-repeat;
 }
@@ -21,6 +25,10 @@
 	background: rgba(206, 231, 206, 0.45);
 }
 
+.monaco-editor .debug-focused-stack-frame-range {
+	background: rgba(206, 231, 206, 1);
+}
+
 .monaco-editor .debug-breakpoint-hint-glyph {
 	background: url('breakpoint-hint.svg') center center no-repeat;
 }
@@ -177,11 +185,19 @@
 	background: rgba(122, 189, 122, 0.3);
 }
 
+.monaco-editor.vs-dark .debug-focused-stack-frame-range {
+	background: rgba(122, 189, 122, 0.5);
+}
+
 .monaco-editor.vs-dark .debug-top-stack-frame-line,
 .monaco-editor.vs-dark .debug-top-stack-frame-exception-line {
 	background-color: rgba(255, 255, 0, 0.2)
 }
 
+.monaco-editor.vs-dark .debug-top-stack-frame-range {
+	background-color: rgba(255, 255, 0, 0.3)
+}
+
 .monaco-editor.vs-dark .debug-breakpoint-glyph,
 .monaco-editor.vs-dark .debug-breakpoint-column.debug-breakpoint-glyph-column::before {
 	background: url('breakpoint-dark.svg') center center no-repeat;