Merge pull request #21051 from michelkaporin/exception-widget

Exception widget styling amends

src/vs/editor/contrib/zoneWidget/browser/zoneWidget.ts

@@ -306,9 +306,9 @@ export abstract class ZoneWidget extends Widget implements IHorizontalSashLayout
 			}
 		}
 
-		this.container.classList.add(className);
+		dom.addClass(this.container, className);
 		if (this.arrow) {
-			this.arrow.classList.add(className);
+			dom.addClass(this.arrow, className);
 		}
 	}
 

src/vs/workbench/parts/debug/browser/breakpointWidget.ts

@@ -62,7 +62,7 @@ export class BreakpointWidget extends ZoneWidget {
 	}
 
 	protected _fillContainer(container: HTMLElement): void {
-		this.setCssClass('breakpoint-widget');
+		this.setCssClass('breakpoint-widget monaco-editor-background');
 		const uri = this.editor.getModel().uri;
 		const breakpoint = this.debugService.getModel().getBreakpoints().filter(bp => bp.lineNumber === this.lineNumber && bp.uri.toString() === uri.toString()).pop();
 

src/vs/workbench/parts/debug/browser/media/breakpointWidget.css

@@ -7,7 +7,6 @@
 	height: 30px !important;
 	display: flex;
 	border-color: #007ACC;
-	background: white;
 }
 
 .monaco-editor .zone-widget .zone-widget-container.breakpoint-widget .breakpoint-select-container {

src/vs/workbench/parts/debug/browser/media/exceptionWidget.css

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 
 .monaco-editor .zone-widget .zone-widget-container.exception-widget {
-	padding: 8px 10px;
+	padding: 6px 10px;
 }
 
 .monaco-editor .zone-widget .zone-widget-container.exception-widget .title {
@@ -35,3 +35,12 @@
 .monaco-editor.hc-black .zone-widget .zone-widget-container.exception-widget {
 	background-color: rgba(163, 21, 21, 0.45);
 }
+
+.monaco-workbench.mac .zone-widget .zone-widget-container.exception-widget {
+	font-size: 11px;
+}
+
+.monaco-workbench.windows .zone-widget .zone-widget-container.exception-widget,
+.monaco-workbench.linux .zone-widget .zone-widget-container.exception-widget {
+	font-size: 13px;
+}