From 9da8187c79f869d70c65b274f3783995f831a67c Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Sat, 18 Jun 2016 18:24:49 -0700
Subject: [PATCH] Made sidebar filter transparent

---
 app/css/components/sidebar.scss | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/app/css/components/sidebar.scss b/app/css/components/sidebar.scss
index 55de1679e..f78745452 100644
--- a/app/css/components/sidebar.scss
+++ b/app/css/components/sidebar.scss
@@ -2,8 +2,9 @@
 @import '../constants/colors';
 
 .sidebar {
+  position: relative;
   display: grid;
-  grid-template-rows: $line-height-md 1fr $line-height-md;
+  grid-template-rows: $line-height-md 1fr;
   grid-template-columns: 1fr;
 
   background-color: $bg-dark;
@@ -47,13 +48,13 @@
   // ~~~~~~~~~~~~ //
 
   .sidebar__list {
-    // Nothing yet...
   }
 
   // Root list scrolling
 
   & > .sidebar__list {
     overflow-y: auto;
+    padding-bottom: $line-height-md;
 
     &::-webkit-scrollbar {
       display: none;
@@ -167,6 +168,12 @@
   // ~~~~~~~~~~~~~~ //
 
   footer.sidebar__footer {
-    // Nothing yet...
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: 0;
+    background-color: transparentize($bg-dark, 0.1);
+    padding: $padding-sm;
   }
 }