mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-03 04:30:06 +08:00
fix: make timeline component show more comfort under none-white background color (#17959)
* fix(Timeline): timeline在非白色背景色下显示异常 Closes https://github.com/ant-design/ant-design/issues/17927 * fix(Timeline): 反转模式下1px下移 Closes https://github.com/ant-design/ant-design/issues/17927 * fix(Timeline): 微调偏移量,尽可能和原白色背景下的间距相同 Closes https://github.com/ant-design/ant-design/issues/17927 * fix(Timeline): 微调偏移量,尽可能和原白色背景下的间距相同 Closes https://github.com/ant-design/ant-design/issues/17927
This commit is contained in:
parent
f41e013ce5
commit
9b667a877e
@ -19,14 +19,15 @@
|
||||
|
||||
&-tail {
|
||||
position: absolute;
|
||||
top: 0.75em;
|
||||
top: 10px;
|
||||
left: 4px;
|
||||
height: 100%;
|
||||
height: calc(100% - 10px);
|
||||
border-left: @timeline-width solid @timeline-color;
|
||||
}
|
||||
|
||||
&-pending &-head {
|
||||
font-size: @font-size-sm;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
&-pending &-tail {
|
||||
@ -141,6 +142,7 @@
|
||||
|
||||
&&-pending &-item-last &-item-tail {
|
||||
display: block;
|
||||
height: calc(100% - 14px);
|
||||
border-left: 2px dotted @timeline-color;
|
||||
}
|
||||
|
||||
@ -150,7 +152,9 @@
|
||||
|
||||
&&-reverse &-item-pending {
|
||||
.@{timeline-prefix-cls}-item-tail {
|
||||
top: 15px;
|
||||
display: block;
|
||||
height: calc(100% - 15px);
|
||||
border-left: 2px dotted @timeline-color;
|
||||
}
|
||||
.@{timeline-prefix-cls}-item-content {
|
||||
|
Loading…
Reference in New Issue
Block a user