fix(FloatButton): fix FloatButton menu mode to allow interaction inside the menu on hover (#51208)

This commit is contained in:
Jony J 2024-10-16 21:24:16 +08:00 committed by GitHub
parent de58553e98
commit b2cbae293e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -136,21 +136,49 @@ const floatButtonGroupStyle: GenerateStyle<FloatButtonToken, CSSObject> = (token
flexDirection: 'column', flexDirection: 'column',
top: 'auto', top: 'auto',
bottom: calc(floatButtonSize).add(margin).equal(), bottom: calc(floatButtonSize).add(margin).equal(),
'&::after': {
content: '""',
position: 'absolute',
width: '100%',
height: margin,
bottom: calc(margin).mul(-1).equal(),
},
}, },
[`${groupPrefixCls}-bottom > ${groupPrefixCls}-wrap`]: { [`${groupPrefixCls}-bottom > ${groupPrefixCls}-wrap`]: {
flexDirection: 'column', flexDirection: 'column',
top: calc(floatButtonSize).add(margin).equal(), top: calc(floatButtonSize).add(margin).equal(),
bottom: 'auto', bottom: 'auto',
'&::after': {
content: '""',
position: 'absolute',
width: '100%',
height: margin,
top: calc(margin).mul(-1).equal(),
},
}, },
[`${groupPrefixCls}-right > ${groupPrefixCls}-wrap`]: { [`${groupPrefixCls}-right > ${groupPrefixCls}-wrap`]: {
flexDirection: 'row', flexDirection: 'row',
left: { _skip_check_: true, value: calc(floatButtonSize).add(margin).equal() }, left: { _skip_check_: true, value: calc(floatButtonSize).add(margin).equal() },
right: { _skip_check_: true, value: 'auto' }, right: { _skip_check_: true, value: 'auto' },
'&::after': {
content: '""',
position: 'absolute',
width: margin,
height: '100%',
left: { _skip_check_: true, value: calc(margin).mul(-1).equal() },
},
}, },
[`${groupPrefixCls}-left > ${groupPrefixCls}-wrap`]: { [`${groupPrefixCls}-left > ${groupPrefixCls}-wrap`]: {
flexDirection: 'row', flexDirection: 'row',
left: { _skip_check_: true, value: 'auto' }, left: { _skip_check_: true, value: 'auto' },
right: { _skip_check_: true, value: calc(floatButtonSize).add(margin).equal() }, right: { _skip_check_: true, value: calc(floatButtonSize).add(margin).equal() },
'&::after': {
content: '""',
position: 'absolute',
width: margin,
height: '100%',
right: { _skip_check_: true, value: calc(margin).mul(-1).equal() },
},
}, },
[`${groupPrefixCls}-circle`]: { [`${groupPrefixCls}-circle`]: {
gap: margin, gap: margin,