mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-12 04:13:13 +08:00
Code Issues Actions 26 Packages Projects Releases Wiki Activity

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

Browse Source
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
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
components/float-button/style/index.ts
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,