setting some minimum dimensions on the content hover.

This commit is contained in:
Aiday Marlen Kyzy
2023-07-11 15:37:41 +02:00
parent 8baa7ed3e3
commit d363a2fd76
@@ -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;