test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 03:29:39 +08:00
Code Issues Actions 69 Packages Projects Releases Wiki Activity

fix: Steps navigation broken style (#27654)

Browse Source 
* 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/steps/style/custom-icon.less
View File

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

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

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

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

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