feat: Fix #168 .

3 files changed, 16 insertions, 10 deletions

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