Modify the directory structure
Modify the directory structure
This commit is contained in:
parent
31fbef10e4
commit
4b05d84ea2
175 changed files with 48 additions and 46 deletions
87
src/styles/components/timeline.less
Normal file
87
src/styles/components/timeline.less
Normal file
|
@ -0,0 +1,87 @@
|
|||
@timeline-prefix-cls: ~"@{css-prefix}timeline";
|
||||
@timeline-color: @border-color-split;
|
||||
|
||||
.@{timeline-prefix-cls} {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
&-item {
|
||||
margin: 0 !important;
|
||||
padding: 0 0 12px 0;
|
||||
list-style: none;
|
||||
position: relative;
|
||||
|
||||
&-tail {
|
||||
height: 100%;
|
||||
border-left: 2px solid @timeline-color;
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
&-pending &-tail {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-head {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background-color: #fff;
|
||||
border-radius: 100px;
|
||||
border: 2px solid transparent;
|
||||
position: absolute;
|
||||
|
||||
&-blue {
|
||||
border-color: @primary-color;
|
||||
color: @primary-color;
|
||||
}
|
||||
&-red {
|
||||
border-color: @error-color;
|
||||
color: @error-color;
|
||||
}
|
||||
&-green {
|
||||
border-color: @success-color;
|
||||
color: @success-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-head-custom {
|
||||
width: 40px;
|
||||
height: auto;
|
||||
margin-top: 6px;
|
||||
padding: 3px 0;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
font-size: 14px;
|
||||
position: absolute;
|
||||
left: -14px;
|
||||
.transform(translateY(-50%));
|
||||
}
|
||||
|
||||
&-content {
|
||||
padding: 1px 1px 10px 24px;
|
||||
font-size: @font-size-base;
|
||||
position: relative;
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
.@{timeline-prefix-cls}-item-tail {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&&-pending &-item:nth-last-of-type(2) {
|
||||
|
||||
.@{timeline-prefix-cls}-item-tail {
|
||||
border-left: 2px dotted @timeline-color;
|
||||
}
|
||||
.@{timeline-prefix-cls}-item-content {
|
||||
min-height: 48px;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue