@@ -466,11 +466,14 @@ export class ExtensionsViewPaneContainer extends ViewPaneContainer implements IE
466
466
helperHeader . style . fontWeight = '600' ;
467
467
helperHeader . style . padding = 'padding: 5px 16px' ;
468
468
helperHeader . style . position = 'relative' ;
469
+
470
+ const helperText = append ( helperHeader , $ ( 'div' ) ) ;
471
+
469
472
// We call this function because it gives us access to the current theme
470
473
// Then we can apply the link color to the links in the helper header
471
474
registerThemingParticipant ( ( theme ) => {
472
475
const linkColor = theme . getColor ( textLinkForeground ) ;
473
- helperHeader . innerHTML = `
476
+ helperText . innerHTML = `
474
477
<div style="margin-bottom: 8px;">
475
478
<p style="margin-bottom: 0; display: flex; align-items: center"><span class="codicon codicon-warning" style="margin-right: 2px; color: #C4A103"></span>WARNING</p>
476
479
<p style="margin-top: 0; margin-bottom: 4px">
@@ -481,11 +484,13 @@ export class ExtensionsViewPaneContainer extends ViewPaneContainer implements IE
481
484
</div>
482
485
` ;
483
486
} ) ;
487
+
484
488
const dismiss = append ( helperHeader , $ ( 'span' ) ) ;
485
489
dismiss . innerHTML = 'Dismiss' ;
486
490
dismiss . style . display = 'block' ;
487
491
dismiss . style . textAlign = 'right' ;
488
492
dismiss . style . cursor = 'pointer' ;
493
+ dismiss . tabIndex = 0 ;
489
494
dismiss . onclick = ( ) => {
490
495
helperHeader . remove ( ) ;
491
496
localStorage . setItem ( extensionHelperLocalStorageKey , 'viewed' ) ;
0 commit comments