test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-02 20:19:44 +08:00
Code Issues Actions 84 Packages Projects Releases Wiki Activity

Better responsive Steps

Browse Source
This commit is contained in:
afc163 2017-09-25 11:25:57 +08:00
parent 7a7b18032c
commit 306a5699a7
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/steps/style/index.less
View File

@ -140,6 +140,7 @@
.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {
.@{steps-prefix-cls}-item {
margin-right: 10px;
white-space: nowrap;
&:last-child {
margin-right: 0;
}

16
components/steps/style/vertical.less
View File

@ -1,4 +1,4 @@
.@{steps-prefix-cls}-vertical {
.steps-vertical() {
display: block;
.@{steps-prefix-cls}-item {
display: block;
@ -35,6 +35,10 @@
}
}
> .@{steps-prefix-cls}-item:not(:last-child) > .@{steps-prefix-cls}-item-tail {
display: block;
}
> .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-content > .@{steps-prefix-cls}-item-title {
&:after {
display: none;
@ -53,3 +57,13 @@
}
}
}
.@{steps-prefix-cls}-vertical {
.steps-vertical;
}
@media (max-width: @screen-xs) {
.@{steps-prefix-cls}-horizontal.@{steps-prefix-cls}-label-horizontal {
.steps-vertical;
}
}