mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-10 19:19:20 +08:00
Code Issues Actions 31 Packages Projects Releases Wiki Activity

💄 STYLE: Fix text not being displayed in circular Progress in rtl mode (#40103)

Browse Source
This commit is contained in:
Danial Soheili 2023-01-09 11:07:39 +03:30 committed by GitHub
parent d0194bcdca
commit 59593e0476
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/progress/style/index.tsx
View File

@ -176,7 +176,7 @@ const genCircleStyle: GenerateStyle<ProgressToken> = (token) => {
[`&${progressCls}-circle ${progressCls}-text`]: { [`&${progressCls}-circle ${progressCls}-text`]: {
position: 'absolute', position: 'absolute',
insetBlockStart: '50%', insetBlockStart: '50%',
insetInlineStart: '50%', insetInlineStart: '0',
width: '100%', width: '100%',
margin: 0, margin: 0,
padding: 0, padding: 0,
@ -184,7 +184,7 @@ const genCircleStyle: GenerateStyle<ProgressToken> = (token) => {
lineHeight: 1, lineHeight: 1,
whiteSpace: 'normal', whiteSpace: 'normal',
textAlign: 'center', textAlign: 'center',
transform: `translate(-50%, -50%)`, transform: `translate(0, -50%)`,
[iconPrefixCls]: { [iconPrefixCls]: {
fontSize: `${token.fontSize / token.fontSizeSM}em`, fontSize: `${token.fontSize / token.fontSizeSM}em`,