@@ -466,11 +466,14 @@ export class ExtensionsViewPaneContainer extends ViewPaneContainer implements IE
466466 helperHeader . style . fontWeight = '600' ;
467467 helperHeader . style . padding = 'padding: 5px 16px' ;
468468 helperHeader . style . position = 'relative' ;
469+
470+ const helperText = append ( helperHeader , $ ( 'div' ) ) ;
471+
469472 // We call this function because it gives us access to the current theme
470473 // Then we can apply the link color to the links in the helper header
471474 registerThemingParticipant ( ( theme ) => {
472475 const linkColor = theme . getColor ( textLinkForeground ) ;
473- helperHeader . innerHTML = `
476+ helperText . innerHTML = `
474477 <div style="margin-bottom: 8px;">
475478 <p style="margin-bottom: 0; display: flex; align-items: center"><span class="codicon codicon-warning" style="margin-right: 2px; color: #C4A103"></span>WARNING</p>
476479 <p style="margin-top: 0; margin-bottom: 4px">
@@ -481,11 +484,13 @@ export class ExtensionsViewPaneContainer extends ViewPaneContainer implements IE
481484 </div>
482485 ` ;
483486 } ) ;
487+
484488 const dismiss = append ( helperHeader , $ ( 'span' ) ) ;
485489 dismiss . innerHTML = 'Dismiss' ;
486490 dismiss . style . display = 'block' ;
487491 dismiss . style . textAlign = 'right' ;
488492 dismiss . style . cursor = 'pointer' ;
493+ dismiss . tabIndex = 0 ;
489494 dismiss . onclick = ( ) => {
490495 helperHeader . remove ( ) ;
491496 localStorage . setItem ( extensionHelperLocalStorageKey , 'viewed' ) ;
0 commit comments