diff --git a/lib/vscode/src/vs/workbench/contrib/extensions/browser/extensionsViewlet.ts b/lib/vscode/src/vs/workbench/contrib/extensions/browser/extensionsViewlet.ts index 618d09604..530a6298f 100644 --- a/lib/vscode/src/vs/workbench/contrib/extensions/browser/extensionsViewlet.ts +++ b/lib/vscode/src/vs/workbench/contrib/extensions/browser/extensionsViewlet.ts @@ -466,11 +466,14 @@ export class ExtensionsViewPaneContainer extends ViewPaneContainer implements IE helperHeader.style.fontWeight = '600'; helperHeader.style.padding = 'padding: 5px 16px'; helperHeader.style.position = 'relative'; + + const helperText = append(helperHeader, $('div')); + // We call this function because it gives us access to the current theme // Then we can apply the link color to the links in the helper header registerThemingParticipant((theme) => { const linkColor = theme.getColor(textLinkForeground); - helperHeader.innerHTML = ` + helperText.innerHTML = `

WARNING

@@ -481,11 +484,13 @@ export class ExtensionsViewPaneContainer extends ViewPaneContainer implements IE

`; }); + const dismiss = append(helperHeader, $('span')); dismiss.innerHTML = 'Dismiss'; dismiss.style.display = 'block'; dismiss.style.textAlign = 'right'; dismiss.style.cursor = 'pointer'; + dismiss.tabIndex = 0; dismiss.onclick = () => { helperHeader.remove(); localStorage.setItem(extensionHelperLocalStorageKey, 'viewed');