fixes tab focus not beig visible after deploying a server (#11410)

This commit is contained in:
v-bbrady
2020-07-17 12:12:11 -07:00
committed by GitHub
parent 0833de1e7c
commit fea0fb13f6

View File

@@ -94,14 +94,15 @@ export default () => `
<div class="resources-container"> <div class="resources-container">
<h2>${escape(localize('welcomePage.resources', "Resources"))}</h2> <h2>${escape(localize('welcomePage.resources', "Resources"))}</h2>
<div class="tabs"> <div class="tabs">
<input class="input" name="tabs" type="radio" id="tab-1" checked="checked" /> <!-- Checkbox is not accessible to user yet, this feature is still in development -->
<span class="label" for="tab-1" tabIndex="0">${escape(localize('welcomePage.history', "History"))}</span> <input tabindex="-1" class="input" name="tabs" type="radio" id="tab-1" checked="checked" />
<span id="historyLabel" class="label" for="tab-1" tabIndex="0">${escape(localize('welcomePage.history', "History"))}</span>
<div class="panel"> <div class="panel">
<div class="recent history"> <div class="recent history">
<div class="flex list-header-container"> <div class="flex list-header-container">
<i class="icon-document themed-icon"></i> <i class="icon-document themed-icon"></i>
<span tabindex="0" class="list-header"><b>${escape(localize('welcomePage.name', "Name"))}</b></span> <span class="list-header">${escape(localize('welcomePage.name', "Name"))}</span>
<span tabindex="0" class="list-header-last-opened"><b>${escape(localize('welcomePage.lastOpened', "Last Opened"))}</b></span> <span class="list-header-last-opened">${escape(localize('welcomePage.lastOpened', "Last Opened"))}</span>
</div> </div>
<ul class="list"> <ul class="list">
<!-- Filled programmatically --> <!-- Filled programmatically -->
@@ -110,8 +111,8 @@ export default () => `
<div class="moreRecent"> <div class="moreRecent">
<a class="ads-welcome-page-link" href="command:workbench.action.openRecent">${escape(localize('welcomePage.moreRecent', "Show more"))} <a class="ads-welcome-page-link" href="command:workbench.action.openRecent">${escape(localize('welcomePage.moreRecent', "Show more"))}
<i class="icon-arrow-down-dark"></i> <i class="icon-arrow-down-dark"></i>
</a> </a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>