fix: Steps navigation broken style (#27654)

* fix: Steps navigation broken style

close #27653

* fix steps custom icon
This commit is contained in:
偏右 2020-11-09 16:33:53 +08:00 committed by GitHub
parent 4f9b97c619
commit f4d5017599
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 8 deletions

View File

@ -1,11 +1,11 @@
.@{steps-prefix-cls}-item-custom {
.@{steps-prefix-cls}-item-icon {
> .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-icon {
height: auto;
background: none;
border: 0;
> .@{steps-prefix-cls}-icon {
top: @steps-icon-custom-top;
left: 4.5px;
left: 0.5px;
width: @steps-icon-custom-size;
height: @steps-icon-custom-size;
font-size: @steps-icon-custom-font-size;

View File

@ -41,7 +41,7 @@
}
&:last-child {
flex: none !important;
flex: none;
}
&:last-child > &-container > &-tail,

View File

@ -1,25 +1,29 @@
.@{steps-prefix-cls}-vertical {
display: flex;
flex-direction: column;
.@{steps-prefix-cls}-item {
> .@{steps-prefix-cls}-item {
display: block;
flex: 1 0 auto;
padding-left: 0;
overflow: visible;
&-icon {
.@{steps-prefix-cls}-item-icon {
float: left;
margin-right: @steps-vertical-icon-width;
}
&-content {
.@{steps-prefix-cls}-item-content {
display: block;
min-height: 48px;
overflow: hidden;
}
&-title {
.@{steps-prefix-cls}-item-title {
line-height: @steps-icon-size;
}
&-description {
.@{steps-prefix-cls}-item-description {
padding-bottom: 12px;
}
}