From fa29c99e4a7ded6606577a55c69755e5476a8b8e Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <143816208+lasniscinote@users.noreply.github.com>
Date: Tue, 9 Jan 2024 09:28:44 +0100
Subject: [PATCH] (fix) Correct the shadow depth on the Item card [SCI-9949]
 (#6905)

---
 app/assets/stylesheets/shared_styles/constants/shadows.scss   | 4 ++++
 .../vue/repository_item_sidebar/RepositoryItemSidebar.vue     | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/shared_styles/constants/shadows.scss b/app/assets/stylesheets/shared_styles/constants/shadows.scss
index faf50adbb..95273e970 100644
--- a/app/assets/stylesheets/shared_styles/constants/shadows.scss
+++ b/app/assets/stylesheets/shared_styles/constants/shadows.scss
@@ -5,3 +5,7 @@ $modal-shadow: 0px 4px 16px rgba(35, 31, 32, 0.15);
 .sn-shadow-menu-sm {
   box-shadow: 0px 16px 32px 0px rgba(16, 24, 40, 0.07);
 }
+
+.sn-shadow-menu-lg {
+  box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
+}
diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index c1072a980..4892250b1 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -5,7 +5,7 @@
               leave-to-class="translate-x-full w-0"
               v-click-outside="handleOutsideClick">
     <div ref="wrapper" v-show="isShowing" id="repository-item-sidebar-wrapper"
-      class='items-sidebar-wrapper bg-white gap-2.5 self-stretch rounded-tl-4 rounded-bl-4 shadow-lg h-full w-[565px]'>
+      class='items-sidebar-wrapper bg-white gap-2.5 self-stretch rounded-tl-4 rounded-bl-4 sn-shadow-menu-lg h-full w-[565px]'>
 
       <div id="repository-item-sidebar" class="w-full h-full pl-6 bg-white flex flex-col">