diff --git a/components/steps/style/progress-dot.less b/components/steps/style/progress-dot.less index 9a0ee1f54..a3bd3417b 100644 --- a/components/steps/style/progress-dot.less +++ b/components/steps/style/progress-dot.less @@ -76,6 +76,7 @@ margin-left: 0; background: none; } + // https://github.com/ant-design/ant-design/issues/18354 .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail { top: 6.5px; @@ -83,6 +84,19 @@ margin: 0; padding: 22px 0 4px; } + + &.@{steps-prefix-cls}-small { + .@{steps-prefix-cls}-item-icon { + margin-top: 10px; + } + + .@{steps-prefix-cls}-item + > .@{steps-prefix-cls}-item-container + > .@{steps-prefix-cls}-item-tail { + top: 3.5px; + } + } + .@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot { left: 0; } diff --git a/components/steps/style/rtl.less b/components/steps/style/rtl.less index 1084c536f..53a66e71d 100644 --- a/components/steps/style/rtl.less +++ b/components/steps/style/rtl.less @@ -25,6 +25,14 @@ padding-left: 16px; } + .@{steps-prefix-cls}-item-subtitle { + .@{steps-prefix-cls}-rtl & { + float: left; + margin-right: 8px; + margin-left: 0; + } + } + &::after { .@{steps-prefix-cls}-rtl & { right: 100%; @@ -46,6 +54,7 @@ padding-right: 0; } } + &:last-child .@{steps-prefix-cls}-item-title { .@{steps-prefix-cls}-rtl& { padding-left: 0; @@ -86,6 +95,7 @@ margin-left: 0; text-align: right; } + .@{steps-prefix-cls}-item-title { .@{steps-prefix-cls}-rtl& { padding-left: 0; @@ -187,6 +197,7 @@ } } } + &:first-child .@{steps-prefix-cls}-icon-dot { .@{steps-prefix-cls}-rtl& { right: 2px; @@ -224,6 +235,7 @@ margin-left: 16px; } } + // https://github.com/ant-design/ant-design/issues/18354 .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail { .@{steps-prefix-cls}-rtl& { @@ -231,12 +243,14 @@ left: auto; } } + .@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot { .@{steps-prefix-cls}-rtl& { right: 0; left: auto; } } + .@{steps-prefix-cls}-item-process .@{steps-prefix-cls}-icon-dot { .@{steps-prefix-cls}-rtl& { right: -2px; @@ -247,7 +261,11 @@ // RTL Steps with progress .@{steps-prefix-cls}-rtl.@{steps-prefix-cls}-with-progress.@{steps-prefix-cls}-horizontal.@{steps-prefix-cls}-label-horizontal { - .@{steps-prefix-cls}-item:first-child.@{steps-prefix-cls}-item-active { + .@{steps-prefix-cls}-item:first-child { padding-right: 4px; + padding-left: 0; + &.@{steps-prefix-cls}-item-active { + padding-right: 4px; + } } }