make component title in component drawer a link

diff --git a/src/css/nav.css b/src/css/nav.css
index 40785b4..dc008a8 100644 (file)
--- a/src/css/nav.css
+++ b/src/css/nav.css
@@ -242,6 +242,7 @@ html.is-clipped--nav {
 
 .nav-panel-explore .component .title {
   font-weight: var(--body-font-weight-bold);
+  color: inherit;
 }
 
 .nav-panel-explore .versions {

diff --git a/src/partials/nav-explore.hbs b/src/partials/nav-explore.hbs
index 94bc5b4..730b5f2 100644 (file)
--- a/src/partials/nav-explore.hbs
+++ b/src/partials/nav-explore.hbs
@@ -8,7 +8,7 @@
   <ul class="components">
     {{#each site.components}}
     <li class="component{{#if (eq this @root.page.component)}} is-current{{/if}}">
-      <span class="title">{{{./title}}}</span>
+      <a class="title" href="{{{relativize ./url}}}">{{{./title}}}</a>
       <ul class="versions">
         {{#each ./versions}}
         <li class="version