diff options
| author | crupest <crupest@outlook.com> | 2020-09-03 23:05:54 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-09-03 23:05:54 +0800 |
| commit | c97e69f7c22cc93cca44d14ae3c499c30f7760b8 (patch) | |
| tree | 923c0183f0df17217e2534b50c4f49303aec9dca | |
| parent | ade9ed64bd06384dfa3ea34f6fca61c58c047680 (diff) | |
| download | timeline-c97e69f7c22cc93cca44d14ae3c499c30f7760b8.tar.gz timeline-c97e69f7c22cc93cca44d14ae3c499c30f7760b8.tar.bz2 timeline-c97e69f7c22cc93cca44d14ae3c499c30f7760b8.zip | |
Remove animation of timeline entrance.
| -rw-r--r-- | Timeline/ClientApp/src/app/views/timeline-common/Timeline.tsx | 1 | ||||
| -rw-r--r-- | Timeline/ClientApp/src/app/views/timeline-common/timeline-common.sass | 14 |
2 files changed, 0 insertions, 15 deletions
diff --git a/Timeline/ClientApp/src/app/views/timeline-common/Timeline.tsx b/Timeline/ClientApp/src/app/views/timeline-common/Timeline.tsx index 1cb15d8e..fd051d45 100644 --- a/Timeline/ClientApp/src/app/views/timeline-common/Timeline.tsx +++ b/Timeline/ClientApp/src/app/views/timeline-common/Timeline.tsx @@ -52,7 +52,6 @@ const Timeline: React.FC<TimelineProps> = (props) => { return ( <div ref={props.containerRef} className={clsx("timeline", props.className)}> - <div className="timeline-enter-animation-mask" /> {(() => { const length = posts.length; return posts.map((post, i) => { diff --git a/Timeline/ClientApp/src/app/views/timeline-common/timeline-common.sass b/Timeline/ClientApp/src/app/views/timeline-common/timeline-common.sass index 3bcd4a67..79df9249 100644 --- a/Timeline/ClientApp/src/app/views/timeline-common/timeline-common.sass +++ b/Timeline/ClientApp/src/app/views/timeline-common/timeline-common.sass @@ -7,20 +7,6 @@ &-item display: flex -@keyframes timeline-enter-animation-mask-animation - to - height: 0 - -.timeline-enter-animation-mask - position: absolute - left: 0 - top: 0 - height: calc(100% + 300px) - width: 100% - background: linear-gradient(to top, #ffffff00 0, 200px, white 300px, white) - z-index: 100 - 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 $timeline-line-color: $primary |