From 13537f94706262c6577b89a9a58a46b1a9273868 Mon Sep 17 00:00:00 2001
From: Andrey Mikhadyuk <mihadiuk.andrej@gmail.com>
Date: Tue, 14 Nov 2023 13:58:58 +0300
Subject: [PATCH] change mobile sidenav bg

---
 .../CommonSidenavLayout/CommonSidenavLayout.module.scss        | 1 +
 .../MultipleSpacesLayout/MultipleSpacesLayout.module.scss      | 1 +
 src/shared/ui-kit/Sidenav/Sidenav.module.scss                  | 3 ++-
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/shared/layouts/CommonSidenavLayout/CommonSidenavLayout.module.scss b/src/shared/layouts/CommonSidenavLayout/CommonSidenavLayout.module.scss
index 6ccf4ac9a9..a9bab75222 100644
--- a/src/shared/layouts/CommonSidenavLayout/CommonSidenavLayout.module.scss
+++ b/src/shared/layouts/CommonSidenavLayout/CommonSidenavLayout.module.scss
@@ -28,6 +28,7 @@
     --sb-max-width: 100%;
     --sb-width: 100%;
     --sb-content-width: 87%;
+    --sb-shadow: 0.125rem 0 0.375rem #{$c-sidebar-shadow};
     --layout-tabs-height: 4rem;
   }
 }
diff --git a/src/shared/layouts/MultipleSpacesLayout/MultipleSpacesLayout.module.scss b/src/shared/layouts/MultipleSpacesLayout/MultipleSpacesLayout.module.scss
index 6b00334f99..7ab633234d 100644
--- a/src/shared/layouts/MultipleSpacesLayout/MultipleSpacesLayout.module.scss
+++ b/src/shared/layouts/MultipleSpacesLayout/MultipleSpacesLayout.module.scss
@@ -31,6 +31,7 @@
     --sb-max-width: 100%;
     --sb-width: 100%;
     --sb-content-width: 87%;
+    --sb-shadow: 0.125rem 0 0.375rem #{$c-sidebar-shadow};
     --layout-tabs-height: 4rem;
     --header-h: 0;
   }
diff --git a/src/shared/ui-kit/Sidenav/Sidenav.module.scss b/src/shared/ui-kit/Sidenav/Sidenav.module.scss
index 9c9d27852e..177a3092d9 100644
--- a/src/shared/ui-kit/Sidenav/Sidenav.module.scss
+++ b/src/shared/ui-kit/Sidenav/Sidenav.module.scss
@@ -15,7 +15,7 @@ $zIndex: 3;
     left: 0;
     z-index: $zIndex;
     display: block;
-    background-color: $c-gray-5;
+    background-color: $c-shades-white;
     opacity: 0.5;
     animation: fade var(--sb-transition-duration);
   }
@@ -42,6 +42,7 @@ $zIndex: 3;
 
   @include tablet {
     right: 0;
+    backdrop-filter: blur(0.125rem);
   }
 
   @media (prefers-reduced-motion: reduce) {