fix(float-button): correct border-radius for grouped and standalone buttons
parent
aa211fd789
commit
4cbbe072c8
|
@ -137,19 +137,8 @@ const floatButtonGroupStyle: GenerateStyle<FloatButtonToken, CSSObject> = token
|
||||||
},
|
},
|
||||||
[`${groupPrefixCls}-square`]: {
|
[`${groupPrefixCls}-square`]: {
|
||||||
[`${componentCls}-square`]: {
|
[`${componentCls}-square`]: {
|
||||||
borderRadius: 0,
|
borderRadius: borderRadiusLG,
|
||||||
padding: 0,
|
padding: 0,
|
||||||
'&:first-child': {
|
|
||||||
borderStartStartRadius: borderRadiusLG,
|
|
||||||
borderStartEndRadius: borderRadiusLG,
|
|
||||||
},
|
|
||||||
'&:last-child': {
|
|
||||||
borderEndStartRadius: borderRadiusLG,
|
|
||||||
borderEndEndRadius: borderRadiusLG,
|
|
||||||
},
|
|
||||||
'&:not(:last-child)': {
|
|
||||||
borderBottom: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`,
|
|
||||||
},
|
|
||||||
[`${antCls}-badge`]: {
|
[`${antCls}-badge`]: {
|
||||||
[`${antCls}-badge-count`]: {
|
[`${antCls}-badge-count`]: {
|
||||||
top: -(floatButtonBodyPadding + badgeOffset),
|
top: -(floatButtonBodyPadding + badgeOffset),
|
||||||
|
@ -193,6 +182,18 @@ const floatButtonGroupStyle: GenerateStyle<FloatButtonToken, CSSObject> = token
|
||||||
[`${componentCls}-square`]: {
|
[`${componentCls}-square`]: {
|
||||||
boxShadow: 'none',
|
boxShadow: 'none',
|
||||||
padding: floatButtonBodyPadding,
|
padding: floatButtonBodyPadding,
|
||||||
|
borderRadius: 0,
|
||||||
|
'&:first-child': {
|
||||||
|
borderStartStartRadius: borderRadiusLG,
|
||||||
|
borderStartEndRadius: borderRadiusLG,
|
||||||
|
},
|
||||||
|
'&:last-child': {
|
||||||
|
borderEndStartRadius: borderRadiusLG,
|
||||||
|
borderEndEndRadius: borderRadiusLG,
|
||||||
|
},
|
||||||
|
'&:not(:last-child)': {
|
||||||
|
borderBottom: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`,
|
||||||
|
},
|
||||||
[`${componentCls}-body`]: {
|
[`${componentCls}-body`]: {
|
||||||
width: token.floatButtonBodySize,
|
width: token.floatButtonBodySize,
|
||||||
height: token.floatButtonBodySize,
|
height: token.floatButtonBodySize,
|
||||||
|
|
Loading…
Reference in New Issue