mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 14:13:37 +08:00
Code Issues Actions 28 Packages Projects Releases Wiki Activity

modify style

Browse Source
This commit is contained in:
zhujun24 2015-08-28 11:09:10 +08:00
parent 3118ee32e3
commit b875855652
3 changed files with 36 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/steps/demo/vertical-small.md
View File

@ -19,10 +19,6 @@ var steps = [{
status: 'process',
title: '进行中',
description: '描述啊描述啊描述啊描述啊描述啊描述啊'
}, {
status: 'wait',
title: '又一个待运行',
description: '描述啊描述啊描述啊描述啊描述啊描述啊描述啊描述啊述啊描述描述述描述啊描述啊描述啊描述啊描述啊'
}, {
status: 'wait',
title: '待运行',
@ -36,5 +32,5 @@ var steps = [{
);
});
React.render(<Steps size='small' direction='vertical' maxDescriptionWidth='400'>{steps}</Steps>, container);
React.render(<Steps size='small' direction='vertical'>{steps}</Steps>, container);
````

2
components/steps/demo/vertical.md
View File

@ -36,5 +36,5 @@ var steps = [{
);
});
React.render(<Steps direction='vertical' maxDescriptionWidth='400'>{steps}</Steps>, container);
React.render(<Steps direction='vertical'>{steps}</Steps>, container);
````

40
style/components/steps.less
View File

@ -231,11 +231,11 @@
}
}
//vertical steps
.@{steps-prefix-cls} {
.@{steps-prefix-cls}-item.@{steps-vertical-prefix-cls} {
display: block;
}
.@{steps-vertical-prefix-cls}.@{steps-prefix-cls}-tail {
left: 13px;
height: 100%;
@ -247,9 +247,11 @@
width: 1px;
}
}
.@{steps-vertical-prefix-cls}.@{steps-prefix-cls}-main {
min-height: 47px;
}
.@{steps-vertical-prefix-cls}.@{steps-prefix-cls}-head-inner {
margin-right: 16px;
}
@ -257,8 +259,9 @@
.@{steps-prefix-cls}-item.@{steps-vertical-small-prefix-cls} {
display: block;
}
.@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-tail {
left: 7px;
left: 6px;
height: 100%;
width: 2px;
top: 0;
@ -268,6 +271,7 @@
width: 0px;
}
}
.@{steps-prefix-cls}-item.@{steps-prefix-cls}-status-wait {
.@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-tail {
> i {
@ -276,6 +280,7 @@
}
}
}
.@{steps-prefix-cls}-item.@{steps-prefix-cls}-status-process {
.@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-tail {
> i {
@ -284,6 +289,7 @@
}
}
}
.@{steps-prefix-cls}-item.@{steps-prefix-cls}-status-finish {
.@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-tail {
> i {
@ -292,25 +298,42 @@
}
}
}
.@{steps-vertical-prefix-cls}.@{steps-prefix-cls}-main {
min-height: 47px;
display: inline;
zoom: 1;
.@{steps-prefix-cls}-description {
margin-left: 42px;
}
}
.@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-main {
min-height: 47px;
display: inline;
zoom: 1;
.@{steps-prefix-cls}-description {
margin-left: 22px;
}
}
.@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-head-inner {
margin-right: 8px;
background-color: #2db7f5;
}
.@{steps-prefix-cls}-status-wait, .@{steps-prefix-cls}-status-process {
overflow: hidden;
.@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-head-inner {
text-indent: 1000px;
text-indent: 10000px;
display: inline-block;
background-color: #fff;
}
}
.@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-head-inner {
width: 16px;
height: 16px;
width: 14px;
height: 14px;
border-width: 2px;
}
@ -319,15 +342,20 @@
background-color: @finish-tail-color;
}
}
.@{steps-prefix-cls}-status-finish {
.@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-head-inner {
.@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-icon:before {
color: #fff;
font-weight: 700;
position: absolute;
top: -13px;
top: -15px;
left: -6px;
}
}
}
.@{steps-vertical-prefix-cls}.@{steps-prefix-cls}-description, .@{steps-vertical-small-prefix-cls}.@{steps-prefix-cls}-description {
padding-bottom: 12px;
}
}