theme(fix): navbar collapse on small devices

closes #1019
davidsneighbour · Jun 17, 2024 · 0b1c123 · 0b1c123
1 parent dc780aa
commit 0b1c123
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 9 deletions.
diff --git a/assets/js/script.ts b/assets/js/script.ts
@@ -12,7 +12,6 @@ import { initializeAndSwitchClassOnScroll } from './scripts/navbar-opacity.ts';
 
 // import bootstrap scripts
 import './scripts/bs-tooltips';
-import './scripts/bs-collapse';
 
 // @ts-ignore - importing parameters from GoHugo
 import * as params from '@params';

diff --git a/assets/js/scripts/bs-collapse.ts b/assets/js/scripts/bs-collapse.ts
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
@@ -33,9 +33,9 @@
 @import "bootstrap/scss/tables";
 @import "bootstrap/scss/forms";
 @import "bootstrap/scss/buttons";
+@import "bootstrap/scss/transitions";
+@import 'bootstrap/scss/dropdown';
 
-// @import "bootstrap/scss/transitions";
-// @import 'bootstrap/scss/dropdown';
 // @import 'bootstrap/scss/button-group';
 @import "bootstrap/scss/nav";
 @import "bootstrap/scss/navbar";

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -36,13 +36,13 @@
         </div>
         {{- partials.Include "func/hook.html" ( collections.Dictionary "hook" "header-topnav-post-logo" "context" . ) -}}
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
-          data-bs-target="#navbarSupportedContent"
-          aria-controls="navbarSupportedContent" aria-expanded="false"
+          data-bs-target="#navbarContent"
+          aria-controls="navbarContent" aria-expanded="false"
           aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>
         {{- partials.Include "func/hook.html" ( collections.Dictionary "hook" "header-topnav-pre-mainnav" "context" . ) -}}
-        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <div class="collapse navbar-collapse" id="navbarContent">
           <menu class="navbar-nav mt-0 me-md-0 me-auto ms-auto">
             {{- $current := . -}}
             {{- range site.Menus.main -}}