fix: tree switch bg height (#50313)

* fix: tree switch bg height * fix: use before instead
6 months ago · 0cf4a27e96
parent 426082dfc1
commit 0cf4a27e96
1 changed files with 16 additions and 2 deletions
--- 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,
        },