debug: error editor same style as binary editor

#9062
microsoft · Sep 8, 2016 · ae95c24 · ae95c24
1 parent 6cb1643
commit ae95c24
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/vs/workbench/parts/debug/browser/debugErrorEditor.ts b/src/vs/workbench/parts/debug/browser/debugErrorEditor.ts
@@ -21,13 +21,11 @@ export class DebugErrorEditor extends BaseEditor {
 	}
 
 	public createEditor(parent: Builder): void {
-		this.container = dom.append(parent.getHTMLElement(), $('.'));
-		this.container.style.paddingLeft = '20px';
+		this.container = dom.append(parent.getHTMLElement(), $('.debug-error-editor'));
 	}
 
 	public layout(dimension: Dimension): void {
-		// we take the padding we set on create into account
-		this.container.style.width = `${Math.max(dimension.width - 20, 0)}px`;
+		this.container.style.width = `${dimension.width}px`;
 		this.container.style.height = `${dimension.height}px`;
 	}
 

diff --git a/src/vs/workbench/parts/debug/browser/media/debug.contribution.css b/src/vs/workbench/parts/debug/browser/media/debug.contribution.css
@@ -71,6 +71,16 @@
 	background: #CC6633 !important;
 }
 
+/* Error editor */
+.debug-error-editor:focus {
+	outline: none !important;
+}
+
+.debug-error-editor {
+	padding: 5px 0 0 10px;
+	box-sizing: border-box;
+}
+
 /* Actionbar actions */
 
 .monaco-workbench .debug-action.step-over,