mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-27 20:49:53 +08:00
fix: Button custom icon is not align center (#51652)
Some checks are pending
Publish Any Commit / build (push) Waiting to run
🔀 Sync mirror to Gitee / mirror (push) Waiting to run
✅ test / lint (push) Waiting to run
✅ test / test-react-legacy (16, 1/2) (push) Waiting to run
✅ test / test-react-legacy (16, 2/2) (push) Waiting to run
✅ test / test-react-legacy (17, 1/2) (push) Waiting to run
✅ test / test-react-legacy (17, 2/2) (push) Waiting to run
✅ test / test-node (push) Waiting to run
✅ test / test-react-latest (dom, 1/2) (push) Waiting to run
✅ test / test-react-latest (dom, 2/2) (push) Waiting to run
✅ test / test-react-latest-dist (dist, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist, 2/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 2/2) (push) Blocked by required conditions
✅ test / test-coverage (push) Blocked by required conditions
✅ test / build (push) Waiting to run
✅ test / test lib/es module (es, 1/2) (push) Waiting to run
✅ test / test lib/es module (es, 2/2) (push) Waiting to run
✅ test / test lib/es module (lib, 1/2) (push) Waiting to run
✅ test / test lib/es module (lib, 2/2) (push) Waiting to run
👁️ Visual Regression Persist Start / test image (push) Waiting to run
Some checks are pending
Publish Any Commit / build (push) Waiting to run
🔀 Sync mirror to Gitee / mirror (push) Waiting to run
✅ test / lint (push) Waiting to run
✅ test / test-react-legacy (16, 1/2) (push) Waiting to run
✅ test / test-react-legacy (16, 2/2) (push) Waiting to run
✅ test / test-react-legacy (17, 1/2) (push) Waiting to run
✅ test / test-react-legacy (17, 2/2) (push) Waiting to run
✅ test / test-node (push) Waiting to run
✅ test / test-react-latest (dom, 1/2) (push) Waiting to run
✅ test / test-react-latest (dom, 2/2) (push) Waiting to run
✅ test / test-react-latest-dist (dist, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist, 2/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 2/2) (push) Blocked by required conditions
✅ test / test-coverage (push) Blocked by required conditions
✅ test / build (push) Waiting to run
✅ test / test lib/es module (es, 1/2) (push) Waiting to run
✅ test / test lib/es module (es, 2/2) (push) Waiting to run
✅ test / test lib/es module (lib, 1/2) (push) Waiting to run
✅ test / test lib/es module (lib, 2/2) (push) Waiting to run
👁️ Visual Regression Persist Start / test image (push) Waiting to run
This commit is contained in:
parent
f7aa3ec692
commit
e34a6a8c6f
@ -38,12 +38,8 @@ const genSharedButtonStyle: GenerateStyle<ButtonToken, CSSObject> = (token): CSS
|
|||||||
pointerEvents: 'none',
|
pointerEvents: 'none',
|
||||||
},
|
},
|
||||||
|
|
||||||
'> span': {
|
[`> span, ${componentCls}-icon`]: {
|
||||||
display: 'inline-block',
|
display: 'inline-flex',
|
||||||
},
|
|
||||||
|
|
||||||
[`${componentCls}-icon`]: {
|
|
||||||
lineHeight: 1,
|
|
||||||
},
|
},
|
||||||
|
|
||||||
'> a': {
|
'> a': {
|
||||||
|
@ -5,11 +5,10 @@ import { clearFix, textEllipsis } from '../../style';
|
|||||||
import type { GenerateStyle } from '../../theme/internal';
|
import type { GenerateStyle } from '../../theme/internal';
|
||||||
|
|
||||||
const genListStyle: GenerateStyle<UploadToken> = (token) => {
|
const genListStyle: GenerateStyle<UploadToken> = (token) => {
|
||||||
const { componentCls, antCls, iconCls, fontSize, lineHeight, calc } = token;
|
const { componentCls, iconCls, fontSize, lineHeight, calc } = token;
|
||||||
const itemCls = `${componentCls}-list-item`;
|
const itemCls = `${componentCls}-list-item`;
|
||||||
const actionsCls = `${itemCls}-actions`;
|
const actionsCls = `${itemCls}-actions`;
|
||||||
const actionCls = `${itemCls}-action`;
|
const actionCls = `${itemCls}-action`;
|
||||||
const listItemHeightSM = token.fontHeightSM;
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
[`${componentCls}-wrapper`]: {
|
[`${componentCls}-wrapper`]: {
|
||||||
@ -25,6 +24,7 @@ const genListStyle: GenerateStyle<UploadToken> = (token) => {
|
|||||||
display: 'flex',
|
display: 'flex',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
transition: `background-color ${token.motionDurationSlow}`,
|
transition: `background-color ${token.motionDurationSlow}`,
|
||||||
|
borderRadius: token.borderRadiusSM,
|
||||||
|
|
||||||
'&:hover': {
|
'&:hover': {
|
||||||
backgroundColor: token.controlItemBgHover,
|
backgroundColor: token.controlItemBgHover,
|
||||||
@ -56,12 +56,6 @@ const genListStyle: GenerateStyle<UploadToken> = (token) => {
|
|||||||
`]: {
|
`]: {
|
||||||
opacity: 1,
|
opacity: 1,
|
||||||
},
|
},
|
||||||
|
|
||||||
[`${actionCls}${antCls}-btn`]: {
|
|
||||||
height: listItemHeightSM,
|
|
||||||
border: 0,
|
|
||||||
lineHeight: 1,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
|
|
||||||
[`${componentCls}-icon ${iconCls}`]: {
|
[`${componentCls}-icon ${iconCls}`]: {
|
||||||
|
Loading…
Reference in New Issue
Block a user