mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 22:36:31 +08:00
Code Issues Actions 26 Packages Projects Releases Wiki Activity

style: optimize steps style (#23855)

Browse Source 
* style: optimize steps style

* fix: name

* Update

Co-authored-by: 偏右 <afc163@gmail.com>

* fix: sm

Co-authored-by: 偏右 <afc163@gmail.com>
This commit is contained in:
xrkffgg 2020-05-05 13:55:05 +08:00 committed by GitHub
parent 2b2a6a3d22
commit cffcd0378a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/steps/style/rtl.less
View File

@ -141,7 +141,7 @@
.@{steps-prefix-cls}-rtl& {
float: right;
margin-right: 0;
margin-left: 16px;
margin-left: @steps-vertical-icon-width;
}
}
}
@ -150,7 +150,7 @@
> .@{steps-prefix-cls}-item-container
> .@{steps-prefix-cls}-item-tail {
.@{steps-prefix-cls}-rtl& {
right: 16px;
right: @steps-vertical-tail-width;
left: auto;
}
}
@ -158,7 +158,7 @@
&.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item-container {
.@{steps-prefix-cls}-item-tail {
.@{steps-prefix-cls}-rtl& {
right: 12px;
right: @steps-vertical-tail-width-sm;
left: auto;
}
}

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

@ -7,7 +7,7 @@
overflow: visible;
&-icon {
float: left;
margin: @steps-vertical-icon-margin;
margin-right: @steps-vertical-icon-width;
}
&-content {
display: block;
@ -27,7 +27,7 @@
> .@{steps-prefix-cls}-item-tail {
position: absolute;
top: 0;
left: @steps-icon-size / 2;
left: @steps-vertical-tail-width;
width: 1px;
height: 100%;
padding: @steps-icon-size + 6px 0 6px;
@ -57,7 +57,7 @@
.@{steps-prefix-cls}-item-tail {
position: absolute;
top: 0;
left: 12px;
left: @steps-vertical-tail-width-sm;
padding: @steps-small-icon-size + 6px 0 6px;
}
.@{steps-prefix-cls}-item-title {

5
components/style/themes/compact.less
View File

@ -164,8 +164,9 @@
@steps-dot-top: 4px;
@steps-icon-top: 0px;
@steps-small-icon-size: 20px;
@steps-vertical-icon-margin: 0 12px 0 0;
@steps-vertical-icon-width: 12px;
@steps-vertical-tail-width: 12px;
@steps-vertical-tail-width-sm: 10px;
// Collapse
// ---
//@collapse-header-padding-extra: 32px;

4
components/style/themes/default.less
View File

@ -929,7 +929,9 @@
@steps-current-dot-size: 10px;
@steps-desciption-max-width: 140px;
@steps-nav-content-max-width: auto;
@steps-vertical-icon-margin: 0 16px 0 0;
@steps-vertical-icon-width: 16px;
@steps-vertical-tail-width: 16px;
@steps-vertical-tail-width-sm: 12px;
// Notification
// ---