From aaa5982ec9d269d9c63d0a5e762c7c307b8e5033 Mon Sep 17 00:00:00 2001 From: Connor Peet Date: Wed, 18 Dec 2024 09:50:52 -0800 Subject: [PATCH] debug: fix underflow/overflow in breakpoint edit widget (#236428) Fixes #233819 --- src/vs/editor/contrib/hover/browser/glyphHoverWidget.ts | 1 + .../workbench/contrib/debug/browser/media/breakpointWidget.css | 1 + 2 files changed, 2 insertions(+) diff --git a/src/vs/editor/contrib/hover/browser/glyphHoverWidget.ts b/src/vs/editor/contrib/hover/browser/glyphHoverWidget.ts index a6a120b040a..d40ff7189c5 100644 --- a/src/vs/editor/contrib/hover/browser/glyphHoverWidget.ts +++ b/src/vs/editor/contrib/hover/browser/glyphHoverWidget.ts @@ -180,6 +180,7 @@ export class GlyphHoverWidget extends Disposable implements IOverlayWidget, IHov const left = editorLayout.glyphMarginLeft + editorLayout.glyphMarginWidth + (laneOrLine === 'lineNo' ? editorLayout.lineNumbersWidth : 0); this._hover.containerDomNode.style.left = `${left}px`; this._hover.containerDomNode.style.top = `${Math.max(Math.round(top), 0)}px`; + this._hover.containerDomNode.style.zIndex = '11'; // 1 more than the zone widget at 10 (#233819) } private _onMouseLeave(e: MouseEvent): void { diff --git a/src/vs/workbench/contrib/debug/browser/media/breakpointWidget.css b/src/vs/workbench/contrib/debug/browser/media/breakpointWidget.css index 4bbf07f03c7..27b11b0a392 100644 --- a/src/vs/workbench/contrib/debug/browser/media/breakpointWidget.css +++ b/src/vs/workbench/contrib/debug/browser/media/breakpointWidget.css @@ -6,6 +6,7 @@ .monaco-editor .zone-widget .zone-widget-container.breakpoint-widget { display: flex; border-color: #007ACC; + background: var(--vscode-editor-background); .breakpoint-select-container { display: flex;