diff options
| author | crupest <crupest@outlook.com> | 2020-11-04 11:49:15 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-11-04 11:49:15 +0800 |
| commit | 34221c8c6d34e565c4c9d82413ac4a20356d8f78 (patch) | |
| tree | d40526fbcc38baa7e9ad701f2730026a88c9b079 /FrontEnd/src/app/views/timeline-common/timeline-common.sass | |
| parent | 8e836f4bee040d83a195255073fd318c07277744 (diff) | |
| download | timeline-34221c8c6d34e565c4c9d82413ac4a20356d8f78.tar.gz timeline-34221c8c6d34e565c4c9d82413ac4a20356d8f78.tar.bz2 timeline-34221c8c6d34e565c4c9d82413ac4a20356d8f78.zip | |
feat: Redesign timeline page.
Diffstat (limited to 'FrontEnd/src/app/views/timeline-common/timeline-common.sass')
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/timeline-common.sass | 20 |
1 files changed, 16 insertions, 4 deletions
diff --git a/FrontEnd/src/app/views/timeline-common/timeline-common.sass b/FrontEnd/src/app/views/timeline-common/timeline-common.sass index 4151bfcc..286f6867 100644 --- a/FrontEnd/src/app/views/timeline-common/timeline-common.sass +++ b/FrontEnd/src/app/views/timeline-common/timeline-common.sass @@ -4,8 +4,13 @@ z-index: 0 position: relative + background-image: url("views/timeline-common/timeline-background.svg") + background-size: 100% auto + background-repeat: no-repeat repeat + &-item - display: flex + position: relative + padding: 0.5em $timeline-line-width: 7px $timeline-line-node-radius: 18px @@ -30,12 +35,17 @@ $timeline-line-color-current: #36c2e6 .timeline-line &-area-container + position: absolute display: flex justify-content: flex-end padding-right: 5px + z-index: 1 flex: 0 0 auto + + left: 0.5em width: 60px + height: 100% &-area display: flex @@ -97,9 +107,11 @@ $timeline-line-color-current: #36c2e6 &-node animation-name: timeline-line-node-current -.timeline-content-area - padding: 10px 0 - flex-grow: 1 +.timeline-item-card + @extend .cru-card + @extend .clearfix + position: relative + padding: 0.5em 2em 0.5em 60px .timeline-item-delete-button position: absolute |