Closes academicpages#339 with a fixed masthead

dorukaks · Nov 24, 2024 · dc77f7f · dc77f7f
1 parent a4c3ff5
commit dc77f7f
Show file tree

Hide file tree

Showing 5 changed files with 34 additions and 12 deletions.
diff --git a/_pages/markdown.md b/_pages/markdown.md
@@ -288,3 +288,6 @@ This allows you to denote <var>variables</var>.
 
 ***
 **Footnotes**
+
+The footnotes in the page will be returned following this line, return to the section on <a href="#footnotes">Markdown Footnotes</a>.
+
diff --git a/_sass/_sidebar.scss b/_sass/_sidebar.scss
@@ -16,9 +16,7 @@
   @include clearfix();
   margin-bottom: 1em;
 
-  @media screen and (min-width: $sidebar-screen-min-width) {
-    height: 100vh;
-    overflow-y: auto;               // Add scrollbar if the sidebar is too long
+  @media screen and (min-width: 1024px) {
     position: fixed;
     padding-top: $masthead-height;
   }

diff --git a/_sass/_variables.scss b/_sass/_variables.scss
@@ -43,13 +43,7 @@ $type-size-7                : 0.6875em; // ~11px
 $type-size-8                : 0.625em;  // ~10px
 
 /* masthead properties */
-$masthead-height            : 70px;
-
-/* Sidebar properties */
-$sidebar-screen-min-width   : 1024px;
-$sidebar-link-max-width     : 250px;
-
-
+$masthead-height            : 50px;
 
 /*
    Colors

diff --git a/assets/js/_main.js b/assets/js/_main.js
@@ -22,7 +22,30 @@ $(document).ready(function(){
   }, 250);
 
   // FitVids init
-  fitvids();
+  $("#main").fitVids();
+
+  // init sticky sidebar
+  $(".sticky").Stickyfill();
+
+  var stickySideBar = function(){
+    var show = $(".author__urls-wrapper button").length === 0 ? $(window).width() > 1024 : !$(".author__urls-wrapper button").is(":visible");
+    if (show) {
+      // fix
+      Stickyfill.rebuild();
+      Stickyfill.init();
+      $(".author__urls").show();
+    } else {
+      // unfix
+      Stickyfill.stop();
+      $(".author__urls").hide();
+    }
+  };
+
+  stickySideBar();
+
+  $(window).resize(function(){
+    stickySideBar();
+  });
 
   // Follow menu drop down
   $(".author__urls-wrapper button").on("click", function() {

diff --git a/assets/js/main.min.js b/assets/js/main.min.js
Original file line number	Diff line number	Diff line change
Expand Up		@@ -288,3 +288,6 @@ This allows you to denote <var>variables</var>.

		***
		Footnotes

		The footnotes in the page will be returned following this line, return to the section on <a href="#footnotes">Markdown Footnotes</a>.