@@ -249,6 +249,18 @@ export function updateEmulatorBanner(
249249 return closeBtn ;
250250 }
251251
252+ function setupLinkStyles (
253+ learnMoreLink : HTMLAnchorElement ,
254+ learnMoreId : string
255+ ) : void {
256+ learnMoreLink . setAttribute ( 'id' , learnMoreId ) ;
257+ learnMoreLink . innerText = 'Learn more' ;
258+ learnMoreLink . href =
259+ 'http://firebase.google.com/docs/studio/deploy-app#emulator ' ;
260+ learnMoreLink . setAttribute ( 'target' , '__blank' ) ;
261+ learnMoreLink . style . paddingLeft = '5px' ;
262+ }
263+
252264 function setupDom ( ) : void {
253265 const banner = getOrCreateEl ( bannerId ) ;
254266 const firebaseTextId = prefixedId ( 'text' ) ;
@@ -268,11 +280,8 @@ export function updateEmulatorBanner(
268280 // update styles
269281 const bannerEl = banner . element ;
270282 setupBannerStyles ( bannerEl ) ;
283+ setupLinkStyles ( learnMoreLink , learnMoreId ) ;
271284 const closeBtn = setupCloseBtn ( ) ;
272- learnMoreLink . setAttribute ( 'id' , learnMoreId ) ;
273- learnMoreLink . innerText = 'Learn more' ;
274- learnMoreLink . href =
275- 'http://firebase.google.com/docs/studio/deploy-app#emulator ' ;
276285 setupIconStyles ( prependIcon , prependIconId ) ;
277286 bannerEl . append ( prependIcon , firebaseText , learnMoreLink , closeBtn ) ;
278287 document . body . appendChild ( bannerEl ) ;
0 commit comments