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

Sticky GitHub logo header

Author: Octomerger

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>

stylesheets/sidebar.scss

@@ -13,6 +13,10 @@
   }
 }
 
+.sidebar-background-color {
+  background-color: $blue-900;
+}
+
 .sidebar-products > li {
   margin: 4px 0;
 }