From 938fe599276840129b6a6471b7eba3e994e2b3da Mon Sep 17 00:00:00 2001
From: huchenlei <huchenlei@proton.me>
Date: Wed, 29 Jan 2025 16:06:09 -0800
Subject: [PATCH] [Style] Only show sidebar tool buttons when sidebar hovered

---
 src/components/sidebar/tabs/SidebarTabTemplate.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/sidebar/tabs/SidebarTabTemplate.vue b/src/components/sidebar/tabs/SidebarTabTemplate.vue
index 99cb74214..2a03a7869 100644
--- a/src/components/sidebar/tabs/SidebarTabTemplate.vue
+++ b/src/components/sidebar/tabs/SidebarTabTemplate.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="comfy-vue-side-bar-container flex flex-col h-full"
+    class="comfy-vue-side-bar-container flex flex-col h-full group"
     :class="props.class"
   >
     <div class="comfy-vue-side-bar-header">
@@ -11,7 +11,11 @@
           </span>
         </template>
         <template #end>
-          <slot name="tool-buttons"></slot>
+          <div
+            class="flex flex-row w-0 opacity-0 group-hover:w-auto group-hover:opacity-100 transition-all duration-200"
+          >
+            <slot name="tool-buttons"></slot>
+          </div>
         </template>
       </Toolbar>
       <slot name="header"></slot>