educe the displacement when the button is clicked.

Author: lutinglt

CHANGELOG.md

@@ -1,41 +1,7 @@
-### ⚠️ Breaking Changes
-
-- Starting from this version, CSS nesting will no longer be expanded, which will reduce the volume by 40% and improve
-  loading speed,ensure styles are applied correctly by keeping Chrome/Edge >= 120, Firefox >= 121, Safari >= 16.5.
-
-### 🎉 The theme framework is now stable
-
-- The core internal generation framework of the theme has been refactored, with build speed optimized to under 1 second.
-  There are three ways to define a theme, and you can choose according to your needs. Custom themes also support
-  additional custom styles. Feel free to check out CONTRIBUTING.md and the project’s internal documentation to
-  contribute your own themes!
-
-- All currently known GitHub color themes have been adapted, with additional support for custom pink, Gitea colors, and
-  Catppuccin colors.
-
-### ✨ Feature
-
-- Add high contrast color themes.
-- Add default to the base default theme display name to sort it together when there are many themes in the list.
-  `GitHub Dark` -> `GitHub Default Dark`
-
 ### 🌈 Style
 
-- Optimize catppuccin theme colors.
+- Reduce the displacement when the button is clicked.
 
 #### More GitHub-like style
 
-- Fine tune the heatmap colors of pink soft dark theme.
-- Optimize heat map style.
-- Optimize the style of workflow log pages.
-- Synchronize the style of the notification prompt (small dots).
-
 ### 🐞 Fix
-
-- Fix the missing highlight style when hovering the heatmap mouse.
-- Fix the last commit avatar on the repo homepage being blocked.
-- Fix the hovering and activation colors of the sub items in the second level menu of warehouse filtering on the
-  dashboard page.
-- Fix some green label styles.
-- Fix Runner task status label style.
-- Fix the style of PR comment operation panel.

styles/public/transition.ts

@@ -84,12 +84,12 @@ const transition = css`
       fill 80ms cubic-bezier(0.65, 0, 0.35, 1),
       background-color 80ms cubic-bezier(0.65, 0, 0.35, 1),
       box-shadow 80ms cubic-bezier(0.65, 0, 0.35, 1),
-      /* 位移慢一点, 这样视觉上与颜色变化同步 */ transform 200ms cubic-bezier(0.65, 0, 0.35, 1),
+      /* 位移慢一点, 这样视觉上与颜色变化同步 */ transform 80ms cubic-bezier(0.65, 0, 0.35, 1),
       border-color 80ms cubic-bezier(0.65, 0, 0.35, 1);
     transition-duration: 80ms;
     /* 避免在下拉菜单中点击按钮时出现的抖动 */
     &:active:not(:has(.menu:active)) {
-      transform: translateY(1px);
+      transform: translateY(0.5px);
     }
     /* 下拉图标的过渡会导致在下移过程中出现的菜单被短暂遮挡 */
     &.dropdown {