Merge pull request #73954 from jeanp413/debughover-preserve-whitespace

Preserve whitespace in debug hover expresion value

src/vs/workbench/contrib/debug/browser/debugHover.ts

@@ -16,7 +16,7 @@ import { IContentWidget, ICodeEditor, IContentWidgetPosition, ContentWidgetPosit
 import { IInstantiationService } from 'vs/platform/instantiation/common/instantiation';
 import { IDebugService, IExpression, IExpressionContainer } from 'vs/workbench/contrib/debug/common/debug';
 import { Expression } from 'vs/workbench/contrib/debug/common/debugModel';
-import { renderExpressionValue } from 'vs/workbench/contrib/debug/browser/baseDebugView';
+import { renderExpressionValue, replaceWhitespace } from 'vs/workbench/contrib/debug/browser/baseDebugView';
 import { DomScrollableElement } from 'vs/base/browser/ui/scrollbar/scrollableElement';
 import { attachStylerCallback } from 'vs/platform/theme/common/styler';
 import { IThemeService } from 'vs/platform/theme/common/themeService';
@@ -237,7 +237,7 @@ export class DebugHoverWidget implements IContentWidget {
 		this.complexValueContainer.hidden = false;
 
 		return this.tree.setInput(expression).then(() => {
-			this.complexValueTitle.textContent = expression.value;
+			this.complexValueTitle.textContent = replaceWhitespace(expression.value);
 			this.complexValueTitle.title = expression.value;
 			this.layoutTreeAndContainer();
 			this.editor.layoutContentWidget(this);

src/vs/workbench/contrib/debug/browser/media/debug.contribution.css

@@ -142,6 +142,7 @@
 	overflow: hidden;
 	text-overflow: ellipsis;
 	font-family: var(--monaco-monospace-font);
+	white-space: pre;
 }
 
 .monaco-workbench.mac .debug-viewlet .monaco-list-row .expression,

src/vs/workbench/contrib/debug/browser/media/debugHover.css

@@ -26,6 +26,7 @@
 	text-overflow: ellipsis;
 	height: 18px;
 	overflow: hidden;
+	white-space: pre;
 	border-bottom: 1px solid rgba(128, 128, 128, 0.35);
 }
 
@@ -60,10 +61,6 @@
 	max-height: 500px;
 }
 
-.monaco-editor .debug-hover-widget .monaco-tl-contents .value {
-	white-space: nowrap;
-}
-
 .monaco-editor .debug-hover-widget .error {
 	color: #E51400;
 }

src/vs/workbench/contrib/debug/browser/media/debugViewlet.css

@@ -246,10 +246,6 @@
 	opacity: 0.35;
 }
 
-.monaco-workbench .debug-viewlet .monaco-list-row .expression {
-	white-space: pre;
-}
-
 .debug-viewlet .debug-call-stack .error {
 	font-style: italic;
 	text-overflow: ellipsis;