feat: add the sidebar.sticky parameter, to disable sticky behaviour b…

…y setting it to false (#549)
hbstack · Dec 14, 2023 · 23aaaa1 · 23aaaa1
1 parent 7ba634a
commit 23aaaa1
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/assets/hb/modules/blog/scss/_sidebar.scss b/assets/hb/modules/blog/scss/_sidebar.scss
@@ -34,10 +34,14 @@
         }
 
         @include media-breakpoint-up(lg) {
-            height: calc(100vh - var(--#{$prefix}top-offset));
             overflow: auto;
 
-            @include top-offset(sticky);
+            @if $hb-blog-sidebar-sticky {
+                height: calc(100vh - var(--#{$prefix}top-offset));
+                overflow: auto;
+
+                @include top-offset(sticky);
+            }
         }
 
         .hb-module {

diff --git a/assets/hb/modules/blog/scss/variables.tmpl.scss b/assets/hb/modules/blog/scss/variables.tmpl.scss
@@ -2,6 +2,7 @@
 $hb-blog-sidebar: {{ $hasSidebar }};
 $hb-blog-sidebar-position: {{ default "start" site.Params.hb.blog.sidebar.position }};
 $hb-blog-sidebar-width: {{ default 0.35 site.Params.hb.blog.sidebar.width }};
+$hb-blog-sidebar-sticky: {{ default true site.Params.hb.blog.sidebar.sticky }};
 $hb-blog-home-pinned-posts-pos: '{{ default "" site.Params.hb.blog.home.pinned_posts_position }}';
 
 // ToC

diff --git a/hugo.toml b/hugo.toml
@@ -43,6 +43,7 @@ pinned_posts_position = ""
 [params.hb.blog.sidebar]
 position = "start"
 width = 0.35
+sticky = true
 
 [params.hb.blog.toc]
 position = "end" # start, end or content.