From 03de4dc3d52d273f2eeef2ecaf2c6c7bbeb70f2c Mon Sep 17 00:00:00 2001 From: 07akioni <07akioni2@gmail.com> Date: Fri, 7 Aug 2020 10:49:29 +0800 Subject: [PATCH 1/3] fix: Steps progress circle size --- components/steps/index.tsx | 2 +- components/steps/style/progress.less | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/components/steps/index.tsx b/components/steps/index.tsx index 88a4f2eb2c0a..d1c05db41e7b 100644 --- a/components/steps/index.tsx +++ b/components/steps/index.tsx @@ -67,7 +67,7 @@ export default class Steps extends React.Component { }) => { if (status === 'process' && percent !== undefined) { // currently it's hard-coded, since we can't easily read the actually width of icon - const progressWidth = size === 'small' ? 30 : 38; + const progressWidth = size === 'small' ? 32 : 40; const iconWithProgress = (
Date: Fri, 7 Aug 2020 11:05:41 +0800 Subject: [PATCH 2/3] test: update snapshot --- .../steps/__tests__/__snapshots__/demo.test.js.snap | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/components/steps/__tests__/__snapshots__/demo.test.js.snap b/components/steps/__tests__/__snapshots__/demo.test.js.snap index 976a3ec99191..c4eb55d48631 100644 --- a/components/steps/__tests__/__snapshots__/demo.test.js.snap +++ b/components/steps/__tests__/__snapshots__/demo.test.js.snap @@ -1273,7 +1273,7 @@ exports[`renders ./components/steps/demo/progress.md correctly 1`] = ` >
Date: Fri, 7 Aug 2020 11:55:16 +0800 Subject: [PATCH 3/3] fix: rtl --- components/steps/style/rtl.less | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/components/steps/style/rtl.less b/components/steps/style/rtl.less index 2fef8192e996..80a5d6a08dd5 100644 --- a/components/steps/style/rtl.less +++ b/components/steps/style/rtl.less @@ -42,13 +42,13 @@ .@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) { .@{steps-prefix-cls}-item { .@{steps-prefix-cls}-rtl& { - margin-right: 0; - margin-left: 16px; + padding-right: 16px; + padding-left: 0; } - &:last-child { + &:first-child { .@{steps-prefix-cls}-rtl& { - margin-left: 0; + padding-right: 0; } } &:last-child .@{steps-prefix-cls}-item-title { @@ -115,13 +115,13 @@ &.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) .@{steps-prefix-cls}-item { .@{steps-prefix-cls}-rtl& { - margin-right: 0; - margin-left: 12px; + padding-right: 12px; + padding-left: 0; } - &:last-child { + &:first-child { .@{steps-prefix-cls}-rtl& { - margin-left: 0; + padding-right: 0; } } }