style: fix Tree cursor style (ant-design#46974)

* style: fix Tree cursor style * fix lint
sebastibe · Jan 16, 2024 · 14af2a7 · 14af2a7
1 parent 46abe90
commit 14af2a7
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/components/tree/style/index.ts b/components/tree/style/index.ts
@@ -191,6 +191,8 @@ export const genBaseStyle = (prefixCls: string, token: TreeToken): CSSObject =>
         },
 
         '&-draggable': {
+          cursor: 'grab',
+
           [`${treeCls}-draggable-icon`]: {
             // https://github.com/ant-design/ant-design/issues/41915
             flexShrink: 0,
@@ -242,9 +244,15 @@ export const genBaseStyle = (prefixCls: string, token: TreeToken): CSSObject =>
         textAlign: 'center',
         cursor: 'pointer',
         userSelect: 'none',
+        transition: `all ${token.motionDurationSlow}`,
+        borderRadius: token.borderRadius,
 
         '&-noop': {
-          cursor: 'default',
+          cursor: 'unset',
+        },
+
+        [`&:not(${treeCls}-switcher-noop):hover`]: {
+          backgroundColor: token.colorBgTextHover,
         },
 
         '&_close': {