Add some CSS vars to nav component, use nav in sidebar more, update toc and ads

diff --git a/site/src/components/header/Navigation.astro b/site/src/components/header/Navigation.astro
index aec219bca5ce6ebf6167890a3dfb631500a8bce9..056d58d9b298075827cee5227c679104ff2b9032 100644 (file)
--- a/site/src/components/header/Navigation.astro
+++ b/site/src/components/header/Navigation.astro
@@ -79,7 +79,7 @@ const { addedIn, layout, title } = Astro.props
 
       <div class="offcanvas-body p-4 pt-0 p-lg-0">
         <hr class="d-lg-none text-white-50" />
-        <ul class="navbar-nav flex-row flex-wrap bd-navbar-nav">
+        <ul class="nav navbar-nav flex-row flex-wrap bd-navbar-nav">
           <LinkItem active={layout === 'docs'} href={getVersionedDocsPath('getting-started/install/')} track>
             Docs
           </LinkItem>
@@ -90,7 +90,7 @@ const { addedIn, layout, title } = Astro.props
 
         <hr class="d-lg-none text-white-50" />
 
-        <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
+        <ul class="nav navbar-nav flex-row flex-wrap ms-md-auto">
           <LinkItem class="nav-link py-2 px-0 px-lg-2" href={getConfig().github_org} target="_blank" rel="noopener">
             <GitHubIcon class="navbar-nav-svg" height={16} width={16} />
             <small class="d-lg-none ms-2">GitHub</small>

diff --git a/site/src/scss/_navbar.scss b/site/src/scss/_navbar.scss
index 01ff85f23537bb8870859a1f9bc39fed38b95549..d052e41fdbd924ec43e9662ae75c675bb9a605c0 100644 (file)
--- a/site/src/scss/_navbar.scss
+++ b/site/src/scss/_navbar.scss
@@ -55,9 +55,14 @@
       }
     }
 
+    .nav {
+      --bs-nav-link-hover-bg: transparent;
+      --bs-nav-link-active-bg: transparent;
+    }
+
     .navbar-toggler,
     .nav-link {
-      padding-inline: $spacer * .25;
+      // padding-inline: $spacer * .25;
       // color: rgba($white, .85);
 
       // &:hover,