test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-02 11:58:10 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix： timeLine 展示问题修复 (#4746)

Browse Source 
* faet: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* feat: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* faet: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* faet: Step组件支持点状步骤条、指定标签放置位置、新增超出内容显示浮层

* fix: 点状步骤条样式修改

* fix: timeLine扩展问题修复

Co-authored-by: qiaoganggang <qiaoganggang@baidu.com>
This commit is contained in:
qiaoganggang 2022-06-30 15:53:15 +08:00 committed by GitHub
parent c4e8454d14
commit 28f936078d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 48 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
packages/amis-ui/scss/components/_timeline.scss
View File

@ -194,5 +194,53 @@
border-radius: var(--TimelineItem--icon-radius);
}
}
&-content {
padding-bottom: var(--TimelineItem--content-padding-bottom);
margin-left: var(--TimelineItem--content-margin-left);
.#{$ns}TimelineItem-time {
color: var(--TimelineItem--text-secondary-color);
font-size: var(--Timeline--font-size);
margin-bottom: var(--TimelineItem--content-time-margin-bottom);
}
.#{$ns}TimelineItem-title {
color: var(--TimelineItem--text-primary-color);
font-size: var(--Timeline--font-size);
margin-bottom: var(--TimelineItem--content-title-margin-bottom);
}
.#{$ns}TimelineItem-detail {
.#{$ns}TimelineItem-detail-button {
display: flex;
cursor: pointer;
align-items: center;
font-size: var(--Timeline--font-size);
color: var(--TimelineItem--detail-button-color);
margin-bottom: var(--TimelineItem--detail-button-margin-bottom);
}
.#{$ns}TimelineItem-detail-arrow {
width: var(--TimelineItem-detail-arrow-width);
height: var(--TimelineItem-detail-arrow-width);
}
.#{$ns}TimelineItem-detail-arrow-top {
transform: rotateX(180deg);
}
.#{$ns}TimelineItem-detail-visible {
display: block;
max-width: var(--TimelineItem-detail-visible-max-width);
font-size: var(--Timeline--font-size);
padding: var(--TimelineItem-detail-visible-padding);
box-shadow: var(--TimelineItem-detail-visible-shadow);
}
.#{$ns}TimelineItem-detail-invisible {
display: none;
}
}
}
}
}