[daffodil-site] branch main updated: Add a tab with instructions to install from the marketplace

[sl...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

slawrence pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/daffodil-site.git


The following commit(s) were added to refs/heads/main by this push:
     new f0d8b5f  Add a tab with instructions to install from the marketplace
f0d8b5f is described below

commit f0d8b5f9b480ddb8e84fdb2eeb6c9309aa7e1c02
Author: Steve Lawrence <sl...@apache.org>
AuthorDate: Wed Aug 24 10:18:34 2022 -0400

    Add a tab with instructions to install from the marketplace
    
    Also hide the "focus" dotted line around tabs after clicking them
---
 site/_layouts/vscode.html               | 14 ++++++++++++++
 site/assets/themes/apache/css/style.css |  1 +
 2 files changed, 15 insertions(+)

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 @@ permalink: /vscode/release-notes-:title
     <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 @@ permalink: /vscode/release-notes-:title
           </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 @@ h2 {
 .nav-tabs > li.active > a:hover {
   background-color: #f5f5f5;
   font-weight: bold;
+  outline: 0;
 }
 
 .navbar-nav .open .dropdown-menu {