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

This commit is contained in:
afc163 2024-11-18 12:03:52 +08:00 committed by GitHub
parent f7aa3ec692
commit e34a6a8c6f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 14 deletions

View File

@ -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': {

View File

@ -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}`]: {