From 8a96c2d29e81887c66396ceb4e9083d5f7854d41 Mon Sep 17 00:00:00 2001
From: sboursen-scinote <soufiane@scinote.net>
Date: Mon, 30 Oct 2023 09:28:22 +0100
Subject: [PATCH] Add opening and closing transitions to the inventory items
 sidebar [SCI-9589]

---
 .../vue/repository_item_sidebar/RepositoryItemSidebar.vue    | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 91ade7210..3d5dd4d52 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -1,8 +1,9 @@
 <template>
   <div ref="wrapper"
     id="repository-item-sidebar-wrapper"
-    class='items-sidebar-wrapper bg-white gap-2.5 self-stretch  rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform shadow-lg'
-    :class="{ 'translate-x-0 w-[565px] h-full': isShowing, 'transition-transform ease-in-out duration-400 transform translate-x-0 translate-x-full w-0': !isShowing }">
+    class='items-sidebar-wrapper h-full bg-white gap-2.5 self-stretch rounded-tl-4 rounded-bl-4 shadow-lg
+           transition-all duration-500 ease-sharp'
+    :class="{ 'translate-x-0 w-[565px]': isShowing, 'translate-x-full w-0': !isShowing }">
 
     <div id="repository-item-sidebar" class="w-full h-full pl-6 bg-white flex flex-col">