diff --git a/src/vs/workbench/contrib/extensions/electron-browser/extensionsActions.ts b/src/vs/workbench/contrib/extensions/electron-browser/extensionsActions.ts index 965928a8979eb302300334b885d1e82f057417c9..72b25d0cce69f02a7a72d597a388376903e815dc 100644 --- a/src/vs/workbench/contrib/extensions/electron-browser/extensionsActions.ts +++ b/src/vs/workbench/contrib/extensions/electron-browser/extensionsActions.ts @@ -303,12 +303,14 @@ export class RemoteInstallAction extends ExtensionAction { private updateLabel(): void { if (this.installing) { this.label = RemoteInstallAction.INSTALLING_LABEL; + this.tooltip = this.label; return; } const remoteAuthority = this.environmentService.configuration.remoteAuthority; if (remoteAuthority) { const host = this.labelService.getHostLabel(REMOTE_HOST_SCHEME, this.environmentService.configuration.remoteAuthority) || localize('remote', "Remote"); this.label = `${RemoteInstallAction.INSTALL_LABEL} on ${host}`; + this.tooltip = this.label; return; } } diff --git a/src/vs/workbench/contrib/extensions/electron-browser/media/extensionActions.css b/src/vs/workbench/contrib/extensions/electron-browser/media/extensionActions.css index c2eaab12e13f943ec1da2bd6825be1bc8e7a55e5..10c60a11eaaeaa42736ef657fc0c4e6164bcb230 100644 --- a/src/vs/workbench/contrib/extensions/electron-browser/media/extensionActions.css +++ b/src/vs/workbench/contrib/extensions/electron-browser/media/extensionActions.css @@ -7,6 +7,9 @@ padding: 0 5px; outline-offset: 2px; line-height: initial; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .monaco-action-bar .action-item .action-label.clear-extensions { diff --git a/src/vs/workbench/contrib/extensions/electron-browser/media/extensionEditor.css b/src/vs/workbench/contrib/extensions/electron-browser/media/extensionEditor.css index db92b4d7256ffb315d6072f4fa466cf5e215a26a..b68dd3b2cbad4162a5821ac656e9ba9313c923c2 100644 --- a/src/vs/workbench/contrib/extensions/electron-browser/media/extensionEditor.css +++ b/src/vs/workbench/contrib/extensions/electron-browser/media/extensionEditor.css @@ -145,6 +145,9 @@ padding: 1px 6px; } +.extension-editor > .header > .details > .actions > .monaco-action-bar > .actions-container > .action-item > .extension-action { + max-width: 300px; +} .extension-editor > .header > .details > .subtext-container { display: block; diff --git a/src/vs/workbench/contrib/extensions/electron-browser/media/extensionsViewlet.css b/src/vs/workbench/contrib/extensions/electron-browser/media/extensionsViewlet.css index 136ceaffff6ca83bbe4a8a887140291859dac564..e97db777fa55f33a8455a3fe865b1bb4342fd45d 100644 --- a/src/vs/workbench/contrib/extensions/electron-browser/media/extensionsViewlet.css +++ b/src/vs/workbench/contrib/extensions/electron-browser/media/extensionsViewlet.css @@ -224,6 +224,14 @@ flex-wrap: wrap-reverse; } +.extensions-viewlet > .extensions .extension > .details > .footer > .monaco-action-bar > .actions-container .extension-action { + max-width: 150px; +} + +.extensions-viewlet.narrow > .extensions .extension > .details > .footer > .monaco-action-bar > .actions-container .extension-action { + max-width: 100px; +} + .extensions-viewlet > .extensions .extension > .details > .footer > .monaco-action-bar .action-label { margin-top: 0.3em; margin-left: 0.3em;