Add a tab with instructions to install from the marketplace
Also hide the "focus" dotted line around tabs after clicking them
diff --git a/site/_layouts/vscode.html b/site/_layouts/vscode.html
index b551915..389b2fb 100644
--- a/site/_layouts/vscode.html
+++ b/site/_layouts/vscode.html
@@ -16,6 +16,7 @@
<h3>Get Release</h3>
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#download">Download</a></li>
+ <li><a data-toggle="tab" href="#vscodemarketplace">VS Code Marketplace</a></li>
</ul>
<div class="tab-content">
<div id="download" class="tab-pane fade in active">
@@ -61,6 +62,19 @@
</p>
{% endif page.apache %}
</div>
+ <div id="vscodemarketplace" class="tab-pane fade">
+ <p>
+ This extension is available from the <a href="https://marketplace.visualstudio.com/items?itemName=ASF.apache-daffodil-vscode">VS Code Marketplace</a>.
+ </p>
+ <p>
+ To install from within VS Code, launch VS Code Quick Open (Ctrl+P), type the following command, and press enter.
+ </p>
+ <div style="padding: 0px 15px 10px 15px;">
+{% highlight text %}
+ext install ASF.apache-daffodil-vscode
+{% endhighlight %}
+ </div>
+ </div>
</div>
</div>
</div>
diff --git a/site/assets/themes/apache/css/style.css b/site/assets/themes/apache/css/style.css
index 0eb54c9..9c1d560 100644
--- a/site/assets/themes/apache/css/style.css
+++ b/site/assets/themes/apache/css/style.css
@@ -80,6 +80,7 @@
.nav-tabs > li.active > a:hover {
background-color: #f5f5f5;
font-weight: bold;
+ outline: 0;
}
.navbar-nav .open .dropdown-menu {
