diff options
| author | crupest <crupest@outlook.com> | 2021-04-04 15:59:23 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-04-04 15:59:23 +0800 |
| commit | 6b71f05f5fc4b8df6e16fc33f482ccfcc3d9bb0b (patch) | |
| tree | 9e1ed959f2ba9474a893047cc03594222d14fa72 /FrontEnd/src/app/views/timeline-common/timeline-common.sass | |
| parent | b7783289bd819cc078cb996fcdb1ca6fdee5d484 (diff) | |
| download | timeline-6b71f05f5fc4b8df6e16fc33f482ccfcc3d9bb0b.tar.gz timeline-6b71f05f5fc4b8df6e16fc33f482ccfcc3d9bb0b.tar.bz2 timeline-6b71f05f5fc4b8df6e16fc33f482ccfcc3d9bb0b.zip | |
...
Diffstat (limited to 'FrontEnd/src/app/views/timeline-common/timeline-common.sass')
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/timeline-common.sass | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/FrontEnd/src/app/views/timeline-common/timeline-common.sass b/FrontEnd/src/app/views/timeline-common/timeline-common.sass index 6d5e63b1..ce4d053d 100644 --- a/FrontEnd/src/app/views/timeline-common/timeline-common.sass +++ b/FrontEnd/src/app/views/timeline-common/timeline-common.sass @@ -27,6 +27,12 @@ $timeline-line-color-current: #36c2e6 background: color.adjust($timeline-line-color-current, $lightness: +10%) box-shadow: 0 0 20px 3px color.adjust($timeline-line-color-current, $lightness: +10%, $alpha: -0.1) +@keyframes timeline-line-node-loading-edge + from + transform: rotate(0turn) + to + transform: rotate(1turn) + .timeline-line display: flex flex-direction: column @@ -78,6 +84,17 @@ $timeline-line-color-current: #36c2e6 animation: 1s infinite alternate animation-name: timeline-line-node-noncurrent + .node-loading-edge + color: $timeline-line-color + width: $timeline-line-node-radius + 20 + height: $timeline-line-node-radius + 20 + position: absolute + left: -10px + top: -10px + box-sizing: border-box + z-index: 2 + animation: 1.5s linear infinite timeline-line-node-loading-edge + .current &.timeline-item padding-bottom: 2.5em |