From 94bed82d32265d573e3bc47582874360a0481b34 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Thu, 5 Nov 2020 17:17:52 +0800
Subject: feat: Fix #168 .

---
 .../app/views/timeline-common/TimelinePageTemplateUI.tsx |  4 +---
 .../app/views/timeline-common/timeline-background.svg    |  6 +++---
 .../src/app/views/timeline-common/timeline-common.sass   | 16 ++++++++++++----
 3 files changed, 16 insertions(+), 10 deletions(-)

(limited to 'FrontEnd/src')

diff --git a/FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx b/FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx
index 036577b1..f27171f5 100644
--- a/FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx
+++ b/FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx
@@ -174,9 +174,6 @@ export default function TimelinePageTemplateUI<TManageItems>(
 
           timelineBody = (
             <Timeline
-              style={{
-                minHeight: `calc(100vh - 56px - ${bottomSpaceHeight}px)`,
-              }}
               containerRef={timelineRef}
               posts={posts}
               onDelete={props.onDelete}
@@ -219,6 +216,7 @@ export default function TimelinePageTemplateUI<TManageItems>(
 
       body = (
         <>
+          <div className="timeline-background" />
           <CardComponent
             className="timeline-template-card"
             timeline={timeline}
diff --git a/FrontEnd/src/app/views/timeline-common/timeline-background.svg b/FrontEnd/src/app/views/timeline-common/timeline-background.svg
index b72c448b..760b0e8c 100644
--- a/FrontEnd/src/app/views/timeline-common/timeline-background.svg
+++ b/FrontEnd/src/app/views/timeline-common/timeline-background.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 100 80" xmlns="http://www.w3.org/2000/svg" stroke="rgba(255,196,0,0.6)">
-    <line x1="0" y1="0" x2="100" y2="40" stroke-width="5" />
-    <line x1="0" y1="80" x2="100" y2="40" stroke-width="5" />
+<svg viewBox="0 0 100 80" xmlns="http://www.w3.org/2000/svg" stroke="#ffd000">
+    <line x1="100" y1="0" x2="0" y2="40" stroke-width="5" />
+    <line x1="100" y1="80" x2="0" y2="40" stroke-width="5" />
 </svg>
\ No newline at end of file
diff --git a/FrontEnd/src/app/views/timeline-common/timeline-common.sass b/FrontEnd/src/app/views/timeline-common/timeline-common.sass
index 43b043ac..f5e28c79 100644
--- a/FrontEnd/src/app/views/timeline-common/timeline-common.sass
+++ b/FrontEnd/src/app/views/timeline-common/timeline-common.sass
@@ -4,10 +4,6 @@
   z-index: 0
   position: relative
 
-  background-image: url("views/timeline-common/timeline-background.svg")
-  background-size: 100% auto
-  background-repeat: no-repeat repeat
-
   &-item
     position: relative
     padding: 0.5em
@@ -166,3 +162,15 @@ $timeline-line-color-current: #36c2e6
   top: 56px
   right: 0
   margin: 0.5em
+
+.timeline-background
+  position: fixed
+  z-index: -1
+
+  left: 0
+  right: 0
+  top: 0
+  bottom: 0
+  background-image: url("views/timeline-common/timeline-background.svg")
+  background-size: 100% auto
+  background-repeat: no-repeat repeat
-- 
cgit v1.2.3