From fab5674da7e5f3545b5df2ad8b971028d3369519 Mon Sep 17 00:00:00 2001
From: one <wangan.cs@gmail.com>
Date: Fri, 6 Jun 2025 09:24:11 +0800
Subject: [PATCH] refactor(SelectionToolbar): add transition effects to action
 buttons (#6869)

* refactor(SelectionToolbar): add transition effects to action buttons

* refactor: reduce transition duration
---
 .../src/windows/selection/toolbar/SelectionToolbar.tsx     | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx b/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx
index 770c27ed75..2dd0cd3f8b 100644
--- a/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx
+++ b/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx
@@ -310,15 +310,22 @@ const ActionButton = styled.div`
   cursor: pointer;
   border-radius: 4px;
   padding: 4px 6px;
+  transition: all 0.1s ease-in-out;
+  will-change: color, background-color;
+
   .btn-icon {
     width: 16px;
     height: 16px;
     color: var(--color-selection-toolbar-text);
     background-color: transparent;
+    transition: color 0.1s ease-in-out;
+    will-change: color;
   }
   .btn-title {
     color: var(--color-selection-toolbar-text);
     --font-size: 14px;
+    transition: color 0.1s ease-in-out;
+    will-change: color;
   }
   &:hover {
     color: var(--color-primary);