Skip to content

Commit 63a688f

Browse files
committed
feat: steps add small dot
1 parent 21f9a11 commit 63a688f

File tree

2 files changed

+33
-1
lines changed

2 files changed

+33
-1
lines changed

components/steps/style/progress-dot.less

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -76,13 +76,27 @@
7676
margin-left: 0;
7777
background: none;
7878
}
79+
7980
// https://github.com/ant-design/ant-design/issues/18354
8081
.@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
8182
top: 6.5px;
8283
left: -9px;
8384
margin: 0;
8485
padding: 22px 0 4px;
8586
}
87+
88+
&.@{steps-prefix-cls}-small {
89+
.@{steps-prefix-cls}-item-icon {
90+
margin-top: 10px;
91+
}
92+
93+
.@{steps-prefix-cls}-item
94+
> .@{steps-prefix-cls}-item-container
95+
> .@{steps-prefix-cls}-item-tail {
96+
top: 3.5px;
97+
}
98+
}
99+
86100
.@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {
87101
left: 0;
88102
}

components/steps/style/rtl.less

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,14 @@
2525
padding-left: 16px;
2626
}
2727

28+
.@{steps-prefix-cls}-item-subtitle {
29+
.@{steps-prefix-cls}-rtl & {
30+
float: left;
31+
margin-right: 8px;
32+
margin-left: 0;
33+
}
34+
}
35+
2836
&::after {
2937
.@{steps-prefix-cls}-rtl & {
3038
right: 100%;
@@ -46,6 +54,7 @@
4654
padding-right: 0;
4755
}
4856
}
57+
4958
&:last-child .@{steps-prefix-cls}-item-title {
5059
.@{steps-prefix-cls}-rtl& {
5160
padding-left: 0;
@@ -86,6 +95,7 @@
8695
margin-left: 0;
8796
text-align: right;
8897
}
98+
8999
.@{steps-prefix-cls}-item-title {
90100
.@{steps-prefix-cls}-rtl& {
91101
padding-left: 0;
@@ -187,6 +197,7 @@
187197
}
188198
}
189199
}
200+
190201
&:first-child .@{steps-prefix-cls}-icon-dot {
191202
.@{steps-prefix-cls}-rtl& {
192203
right: 2px;
@@ -224,19 +235,22 @@
224235
margin-left: 16px;
225236
}
226237
}
238+
227239
// https://github.com/ant-design/ant-design/issues/18354
228240
.@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
229241
.@{steps-prefix-cls}-rtl& {
230242
right: -9px;
231243
left: auto;
232244
}
233245
}
246+
234247
.@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {
235248
.@{steps-prefix-cls}-rtl& {
236249
right: 0;
237250
left: auto;
238251
}
239252
}
253+
240254
.@{steps-prefix-cls}-item-process .@{steps-prefix-cls}-icon-dot {
241255
.@{steps-prefix-cls}-rtl& {
242256
right: -2px;
@@ -247,7 +261,11 @@
247261

248262
// RTL Steps with progress
249263
.@{steps-prefix-cls}-rtl.@{steps-prefix-cls}-with-progress.@{steps-prefix-cls}-horizontal.@{steps-prefix-cls}-label-horizontal {
250-
.@{steps-prefix-cls}-item:first-child.@{steps-prefix-cls}-item-active {
264+
.@{steps-prefix-cls}-item:first-child {
251265
padding-right: 4px;
266+
padding-left: 0;
267+
&.@{steps-prefix-cls}-item-active {
268+
padding-right: 4px;
269+
}
252270
}
253271
}

0 commit comments

Comments
 (0)