From df7e4a67e1450e5b1049cbd6c3f292edf60ca6c0 Mon Sep 17 00:00:00 2001
From: Jon Rohan <yes@jonrohan.codes>
Date: Thu, 24 Sep 2020 13:11:21 -0700
Subject: [PATCH 1/3] Adding position-sticky to logo

---
 includes/sidebar.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/includes/sidebar.html b/includes/sidebar.html
index b292e8aa82..58da8c347e 100644
--- 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" style="z-index: 3;" id="github-logo">
     <a href="/{{ currentLanguage }}" class="text-white" aria-hidden="true">
       {% octicon "mark-github" height="32" %}
     </a>

From dba1e7b5898c8135432beb1130ac2d6fa858fc38 Mon Sep 17 00:00:00 2001
From: Jon Rohan <yes@jonrohan.codes>
Date: Thu, 24 Sep 2020 13:12:25 -0700
Subject: [PATCH 2/3] Creating background color utility

---
 stylesheets/sidebar.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/stylesheets/sidebar.scss b/stylesheets/sidebar.scss
index d96091352a..c6b89ba347 100644
--- 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;
 }

From c9eab9f82ffb2c89737526c07aa97841fac75520 Mon Sep 17 00:00:00 2001
From: Jon Rohan <yes@jonrohan.codes>
Date: Thu, 24 Sep 2020 13:12:53 -0700
Subject: [PATCH 3/3] Update sidebar.html

---
 includes/sidebar.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/includes/sidebar.html b/includes/sidebar.html
index 58da8c347e..2b4d01f8db 100644
--- 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 position-sticky top-0" 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>