[bugfix] Steps: incorrect active style in vertical direction (#2981)

This commit is contained in:
neverland 2019-03-15 22:30:28 +08:00 committed by GitHub
parent d5a2373963
commit 1cfdb63c35
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -6,6 +6,14 @@
position: relative;
color: @gray-dark;
&__circle {
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: @gray-dark;
}
&--horizontal {
float: left;
@ -30,10 +38,6 @@
left: auto;
right: -9px;
}
.van-step__line {
width: 0;
}
}
.van-step__circle-container {
@ -61,15 +65,6 @@
background-color: @border-color;
}
&.van-step--finish {
color: @text-color;
.van-step__circle,
.van-step__line {
background-color: @green;
}
}
&.van-step--process {
color: @text-color;
@ -85,14 +80,6 @@
}
}
.van-step__circle {
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: @gray-dark;
}
&--vertical {
float: none;
display: block;
@ -129,13 +116,13 @@
.van-step__line {
position: absolute;
top: 0;
top: 16px;
left: -15px;
width: 1px;
height: 100%;
background-color: @border-color;
}
&.van-step--process {
.van-icon-checked {
top: 12px;
@ -144,6 +131,20 @@
font-size: 12px;
}
}
}
&:last-child {
.van-step__line {
width: 0;
}
}
&--finish {
color: @text-color;
.van-step__circle,
.van-step__line {
background-color: @green;
}
}
}