fix: tree switch bg height (ant-design#50313)

* fix: tree switch bg height * fix: use before instead
linxianxi · Aug 14, 2024 · 40891e0 · 40891e0
1 parent faf03e6
commit 40891e0
Showing 1 changed file with 16 additions and 2 deletions.
diff --git a/components/tree/style/index.ts b/components/tree/style/index.ts
@@ -245,13 +245,27 @@ export const genBaseStyle = (prefixCls: string, token: TreeToken): CSSObject =>
         cursor: 'pointer',
         userSelect: 'none',
         transition: `all ${token.motionDurationSlow}`,
-        borderRadius: token.borderRadius,
 
         '&-noop': {
           cursor: 'unset',
         },
 
-        [`&:not(${treeCls}-switcher-noop):hover`]: {
+        '&:before': {
+          pointerEvents: 'none',
+          content: '""',
+          width: titleHeight,
+          height: titleHeight,
+          position: 'absolute',
+          left: {
+            _skip_check_: true,
+            value: 0,
+          },
+          top: 0,
+          borderRadius: token.borderRadius,
+          transition: `all ${token.motionDurationSlow}`,
+        },
+
+        [`&:not(${treeCls}-switcher-noop):hover:before`]: {
           backgroundColor: token.colorBgTextHover,
         },