mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-11 19:42:54 +08:00
fix(FloatButton): fix FloatButton menu mode to allow interaction inside the menu on hover (#51208)
This commit is contained in:
parent
de58553e98
commit
b2cbae293e
@ -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,
|
||||||
|
Loading…
Reference in New Issue
Block a user