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

ant-design#40103)
she1110 · Jan 9, 2023 · 59593e0 · 59593e0
1 parent d0194bc
commit 59593e0
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/progress/style/index.tsx b/components/progress/style/index.tsx
@@ -176,15 +176,15 @@ const genCircleStyle: GenerateStyle<ProgressToken> = (token) => {
       [`&${progressCls}-circle ${progressCls}-text`]: {
         position: 'absolute',
         insetBlockStart: '50%',
-        insetInlineStart: '50%',
+        insetInlineStart: '0',
         width: '100%',
         margin: 0,
         padding: 0,
         color: token.colorText,
         lineHeight: 1,
         whiteSpace: 'normal',
         textAlign: 'center',
-        transform: `translate(-50%, -50%)`,
+        transform: `translate(0, -50%)`,
 
         [iconPrefixCls]: {
           fontSize: `${token.fontSize / token.fontSizeSM}em`,