From 0699bf394b0d02da4297dcf30e5704457860158a Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 30 May 2023 20:05:51 +0200
Subject: [PATCH] Added mobile optimization to the Sidebar styles.sass

---
 .../src/common/components/Sidebar/styles.sass | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/client/src/common/components/Sidebar/styles.sass b/client/src/common/components/Sidebar/styles.sass
index 24f265e..0a10f57 100644
--- a/client/src/common/components/Sidebar/styles.sass
+++ b/client/src/common/components/Sidebar/styles.sass
@@ -7,10 +7,28 @@ aside
   border-right: $dark-gray 2px solid
   height: 100vh
   overflow: hidden
+  z-index: 5
 
 .sidebar-hidden
   display: none
 
 @media screen and (max-width: 1024px)
   aside
-    position: fixed
\ No newline at end of file
+    position: fixed
+    transition: .5s ease-in-out
+
+  .sidebar-hidden
+    display: block
+    opacity: 100
+    transform: translateX(-20rem)
+
+  .background-overlay
+    position: fixed
+    top: 0
+    left: 0
+    width: 100vw
+    height: 100vh
+    background-color: rgba(0, 0, 0, .5)
+    transition: .5s ease-in-out
+    z-index: 1
+    backdrop-filter: blur(1px)
\ No newline at end of file