From 2804c92957c73219a511e22e316362b31362e5d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Wed, 22 Apr 2020 22:09:01 +0200
Subject: [PATCH] refactoring

---
 docs/src/layouts/App/style.scss | 34 ++++++++++++++++++++++-----------
 1 file changed, 23 insertions(+), 11 deletions(-)

diff --git a/docs/src/layouts/App/style.scss b/docs/src/layouts/App/style.scss
index d2fe2850..162141d7 100644
--- a/docs/src/layouts/App/style.scss
+++ b/docs/src/layouts/App/style.scss
@@ -73,6 +73,8 @@ $navHeight: 4.5rem;
   }
 
   &__content {
+    position: relative;
+    z-index: 1;
     flex: 1 1 auto;
     display: flex;
     width: 100%;
@@ -88,17 +90,27 @@ $navHeight: 4.5rem;
   }
 
   &__sidebar-wrapper {
-    flex: 0 0 auto;
-    align-self: flex-start;
-    position: sticky;
-    top: 0;
-    width: 18rem;
-    height: 100vh;
-    padding-right: 3rem;
-    padding-top: $navHeight;
-
-    @media (max-width: 750px) {
-      display: none;
+    position: fixed;
+    z-index: 2;
+    top: $navHeight;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background-color: $colorBackground;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    
+    @media (min-width: 750px) {
+      position: sticky;
+      flex: 0 0 auto;
+      align-self: flex-start;
+      top: 0;
+      width: 18rem;
+      height: 100vh;
+      padding-left: 0;
+      padding-right: 0;
+      padding-right: 3rem;
+      padding-top: $navHeight;
     }
   }