Merge pull request #69 from github/sticky-github-logo-header

Sticky GitHub logo header
github · Sep 28, 2020 · a96f15d · a96f15d
2 parents c13fcf7 + 67f9bb3
commit a96f15d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/includes/sidebar.html b/includes/sidebar.html
@@ -1,7 +1,7 @@
 <!-- product > category > maptopic > article -->
 <div class="sidebar d-none d-lg-block">
 
-  <div class="d-flex flex-items-center p-4" style="z-index: 3;" id="github-logo">
+  <div class="d-flex flex-items-center p-4 position-sticky top-0 sidebar-background-color" style="z-index: 3;" id="github-logo">
     <a href="/{{ currentLanguage }}" class="text-white" aria-hidden="true">
       {% octicon "mark-github" height="32" %}
     </a>

diff --git a/stylesheets/sidebar.scss b/stylesheets/sidebar.scss
@@ -13,6 +13,10 @@
   }
 }
 
+.sidebar-background-color {
+  background-color: $blue-900;
+}
+
 .sidebar-products > li {
   margin: 4px 0;
 }