diff --git a/src/vs/editor/contrib/find/browser/findWidget.css b/src/vs/editor/contrib/find/browser/findWidget.css index 3865e84c359806d41954a8d2e5b0df6784df34de..f80e0f456cc586de0b797949765f39308f1b22fa 100644 --- a/src/vs/editor/contrib/find/browser/findWidget.css +++ b/src/vs/editor/contrib/find/browser/findWidget.css @@ -115,7 +115,6 @@ display: inline-block; margin: 0 1px 0 3px; padding: 2px 2px 0 2px; - min-width: 69px; height: 25px; vertical-align: middle; box-sizing: border-box; diff --git a/src/vs/editor/contrib/find/browser/findWidget.ts b/src/vs/editor/contrib/find/browser/findWidget.ts index 11f46a02584557b1f9c57b8053fa83d38f402f6f..74044d8acc53cb7f5ee1cf5e1214af10c989c8ce 100644 --- a/src/vs/editor/contrib/find/browser/findWidget.ts +++ b/src/vs/editor/contrib/find/browser/findWidget.ts @@ -43,6 +43,8 @@ const NLS_MATCHES_COUNT_LIMIT_TITLE = nls.localize('title.matchesCountLimit', "O const NLS_MATCHES_LOCATION = nls.localize('label.matchesLocation', "{0} of {1}"); const NLS_NO_RESULTS = nls.localize('label.noResults', "No results"); +let MAX_MATCHES_COUNT_WIDTH = 69; + export class FindWidget extends Widget implements IOverlayWidget { private static ID = 'editor.contrib.findWidget'; @@ -200,6 +202,7 @@ export class FindWidget extends Widget implements IOverlayWidget { } private _updateMatchesCount(): void { + this._matchesCount.style.minWidth = MAX_MATCHES_COUNT_WIDTH + 'px'; if (this._state.matchesCount >= MATCHES_LIMIT) { this._matchesCount.title = NLS_MATCHES_COUNT_LIMIT_TITLE; } else { @@ -226,6 +229,8 @@ export class FindWidget extends Widget implements IOverlayWidget { label = NLS_NO_RESULTS; } this._matchesCount.appendChild(document.createTextNode(label)); + + MAX_MATCHES_COUNT_WIDTH = Math.max(MAX_MATCHES_COUNT_WIDTH, this._matchesCount.clientWidth); } // ----- actions