setting some minimum dimensions on the content hover.

Author: aiday-mar

src/vs/editor/contrib/hover/browser/contentHover.ts

@@ -504,6 +504,7 @@ export class ContentHoverWidget extends ResizableContentWidget {
 			this._hoverFocusedKey.set(false);
 		}));
 		this._setHoverData(undefined);
+		this._setMinimumDimensions();
 		this._layout();
 		this._editor.addContentWidget(this);
 	}
@@ -518,6 +519,15 @@ export class ContentHoverWidget extends ResizableContentWidget {
 		return ContentHoverWidget.ID;
 	}
 
+	private _setMinimumDimensions(): void {
+		const width = 50;
+		const height = this._editor.getOption(EditorOption.lineHeight) + 8;
+		const contentsDomNode = this._hover.contentsDomNode;
+		contentsDomNode.style.minWidth = width + 'px';
+		contentsDomNode.style.minHeight = height + 'px';
+		this._resizableNode.minSize = new dom.Dimension(width, height);
+	}
+
 	private static _applyDimensions(container: HTMLElement, width: number | string, height: number | string): void {
 		const transformedWidth = typeof width === 'number' ? `${width}px` : width;
 		const transformedHeight = typeof height === 'number' ? `${height}px` : height;