From: Mark Otto <markdotto@gmail.com>
Date: Mon, 12 Jan 2026 18:00:39 +0000 (-0800)
Subject: Add some CSS vars to nav component, use nav in sidebar more, update toc and ads
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=ad4bd0962c785684b805f6e4157506c03ea412bb;p=thirdparty%2Fbootstrap.git

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 aec219bca5..056d58d9b2 100644
--- 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 01ff85f235..d052e41fdb 100644
--- 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,