Browse Source
style: fix the problem of inconsistent styles in RTL mode (#35088)
pull/35092/head
PCCCCCCC
3 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with
19 additions and
1 deletions
-
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; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
