diff options
| author | crupest <crupest@outlook.com> | 2020-06-10 16:35:34 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-06-10 16:35:34 +0800 |
| commit | 0c1bea244961f80879aff17a775c154071ef3b57 (patch) | |
| tree | e8e84b599e140ae9b5d28cc0457ce27ccac482eb /Timeline/ClientApp/src/timeline/timeline.sass | |
| parent | 6aa26882b6ab759e6240457ec19c065296964d9f (diff) | |
| download | timeline-0c1bea244961f80879aff17a775c154071ef3b57.tar.gz timeline-0c1bea244961f80879aff17a775c154071ef3b57.tar.bz2 timeline-0c1bea244961f80879aff17a775c154071ef3b57.zip | |
fix(front): Still try to fix scroll problem in timeline page.
Diffstat (limited to 'Timeline/ClientApp/src/timeline/timeline.sass')
| -rw-r--r-- | Timeline/ClientApp/src/timeline/timeline.sass | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/Timeline/ClientApp/src/timeline/timeline.sass b/Timeline/ClientApp/src/timeline/timeline.sass index c9f88a22..4f69295b 100644 --- a/Timeline/ClientApp/src/timeline/timeline.sass +++ b/Timeline/ClientApp/src/timeline/timeline.sass @@ -1,8 +1,6 @@ @use 'sass:color'
@keyframes timeline-enter-animation-mask-animation
- from
- height: calc(100% + 300px)
to
height: 0
@@ -10,10 +8,11 @@ position: absolute
left: 0
top: 0
+ height: calc(100% + 300px)
width: 100%
- background: linear-gradient(to top, transparent 0, 200px, white 300px)
+ background: linear-gradient(to top, #ffffff00 0, 200px, white 300px, white)
z-index: 100
- animation: timeline-enter-animation-mask-animation 5s
+ animation: timeline-enter-animation-mask-animation 5s 0.3s forwards // Give it 0.3s to load, which I think is reasonable
$timeline-line-width: 7px
$timeline-line-node-radius: 18px
|