mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-17 23:50:52 +08:00
Code Issues Actions 32 Packages Projects Releases Wiki Activity

chore: fix style

Browse Source
This commit is contained in:
二货机器人 2025-05-27 18:04:31 +08:00
parent 2e3c55757c
commit e68db8a2dc
2 changed files with 7 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
components/steps/style/progress-dot.ts
View File

@ -6,13 +6,13 @@ import type { GenerateStyle } from '../../theme/internal';
import { getItemWithWidthStyle } from './util'; import { getItemWithWidthStyle } from './util';
const genDotStyle: GenerateStyle<StepsToken, CSSObject> = (token) => { const genDotStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
const { componentCls, iconSize, dotSize, dotCurrentSize, marginXXS, lineWidthBold } = token; const { componentCls, iconSize, dotSize, dotCurrentSize, marginXXS, lineWidthBold, fontSizeSM } =
token;
const itemCls = `${componentCls}-item`; const itemCls = `${componentCls}-item`;
return { return {
[`${componentCls}${componentCls}-dot`]: { [`${componentCls}${componentCls}-dot`]: {
// '--steps-icon-size': dotCurrentSize,
'--steps-icon-size-active': dotCurrentSize, '--steps-icon-size-active': dotCurrentSize,
'--steps-icon-size': dotSize, '--steps-icon-size': dotSize,
'--steps-dot-icon-size': dotSize, '--steps-dot-icon-size': dotSize,
@ -22,9 +22,11 @@ const genDotStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
// ========================= Shared ========================== // ========================= Shared ==========================
// Icon // Icon
[`${itemCls}-custom ${itemCls}-icon`]: {
fontSize: fontSizeSM,
},
[`${itemCls}-icon`]: { [`${itemCls}-icon`]: {
// background: 'transparent',
// border: 0,
position: 'relative', position: 'relative',
'&:after': { '&:after': {
@ -42,36 +44,8 @@ const genDotStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
}, },
}, },
// [`${itemCls}-icon-dot`]: {
// width: 'var(--steps-dot-icon-size)',
// height: 'var(--steps-dot-icon-size)',
// borderRadius: '100%',
// border: `var(--steps-dot-icon-border-width) ${token.lineType} transparent`,
// position: 'relative',
// transition: `all ${token.motionDurationSlow}`,
// display: 'flex',
// justifyContent: 'center',
// alignItems: 'center',
// fontSize: fontSizeSM,
// '&:after': {
// content: '""',
// width: iconSize,
// height: iconSize,
// display: 'block',
// position: 'absolute',
// top: '50%',
// left: {
// _skip_check_: true,
// value: '50%',
// },
// transform: 'translate(-50%, -50%)',
// },
// },
// // >>> active // // >>> active
[`${itemCls}-active ${itemCls}-icon`]: { [`${itemCls}-active ${itemCls}-icon`]: {
// '--steps-dot-icon-size': 'var(--steps-icon-size)',
'--steps-icon-size': 'var(--steps-icon-size-active)', '--steps-icon-size': 'var(--steps-icon-size-active)',
}, },

2
components/timeline/style/index.ts
View File

@ -57,7 +57,7 @@ const genTimelineStyle: GenerateStyle<TimelineToken, CSSObject> = (token) => {
'--steps-title-horizontal-title-height': token.fontHeight, '--steps-title-horizontal-title-height': token.fontHeight,
// Root Level: Record Steps icon size and support fallback // Root Level: Record Steps icon size and support fallback
'--steps-icon-dot-size-origin': 'var(--steps-icon-size)', '--steps-icon-dot-size-origin': 'var(--steps-icon-size-active)',
'--steps-icon-dot-size-custom': token.dotSize, '--steps-icon-dot-size-custom': token.dotSize,
...resetComponent(token), ...resetComponent(token),