mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-25 03:29:59 +08:00
Improve responsive of Steps
This commit is contained in:
parent
9c925d7c9b
commit
b0da6adf8c
@ -464,3 +464,29 @@
|
||||
box-shadow: 0 0 3px 3px transparent;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.@{steps-prefix-cls}-horizontal {
|
||||
> .@{steps-prefix-cls}-item {
|
||||
display: inline-block;
|
||||
width: auto !important;
|
||||
margin-right: unset !important;
|
||||
margin-bottom: 16px;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
> .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-tail {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.@{steps-prefix-cls} {
|
||||
> .@{steps-prefix-cls}-item {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user