debug: error editor same style as binary editor

isidorn · isidorn · commit ae95c243ae19 · 2016-09-08T13:51:25.000+02:00
microsoft#9062
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,

Original file line number	Diff line number	Diff line change
`@@ -21,13 +21,11 @@ export class DebugErrorEditor extends BaseEditor {`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`public createEditor(parent: Builder): void {`
`24`		`- this.container = dom.append(parent.getHTMLElement(), $('.'));`
`25`		`- this.container.style.paddingLeft = '20px';`
	`24`	`+ this.container = dom.append(parent.getHTMLElement(), $('.debug-error-editor'));`
`26`	`25`	`}`
`27`	`26`
`28`	`27`	`public layout(dimension: Dimension): void {`
`29`		`- // we take the padding we set on create into account`
`30`		- this.container.style.width = `${Math.max(dimension.width - 20, 0)}px`;
	`28`	+ this.container.style.width = `${dimension.width}px`;
`31`	`29`	this.container.style.height = `${dimension.height}px`;
`32`	`30`	`}`
`33`	`31`