show and emphasize current version in version selector

Author: mojavelinux

src/css/header.css

@@ -173,6 +173,16 @@ a.navbar-item.has-dropdown::after,
   grid-column: 1 / 3;
 }
 
+.navbar-dropdown li.current {
+  font-weight: var(--weight-medium);
+}
+
+.navbar-dropdown li.current a.navbar-item::before {
+  content: "\2023";
+  position: absolute;
+  left: -0.75em;
+}
+
 @media screen and (min-width: 1024px) {
   .navbar-start > a.navbar-item:hover,
   .navbar-start > .navbar-item:hover > .navbar-link {

src/partials/header-content.hbs

@@ -61,9 +61,7 @@
               <div class="cols">
                 <ul>
                   {{#each page.versions}}
-                  {{#unless (eq ./version @root.page.version)}}
-                  <li><a class="navbar-item" href="{{relativize ./url}}">{{{@root.page.component.title}}} {{./displayVersion}}</a></li>
-                  {{/unless}}
+                  <li{{#if (eq ./version @root.page.version)}} class="current"{{/if}}><a class="navbar-item" href="{{relativize ./url}}">{{{@root.page.component.title}}} {{./displayVersion}}</a></li>
                   {{/each}}
                 </ul>
                 {{#if (ends-with page.component.name '-sdk')}}