From 6ec7f243308fdcbde1eedd92045bc84601fe00f0 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Wed, 11 Nov 2020 23:33:21 +0800
Subject: fix: Fix timeline layout.

---
 .../timeline-common/TimelinePageTemplateUI.tsx     | 22 ++++++++++++----------
 .../app/views/timeline-common/timeline-common.sass |  1 +
 2 files changed, 13 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 3ee7ed67..f60383dd 100644
--- a/FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx
+++ b/FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx
@@ -146,10 +146,7 @@ export default function TimelinePageTemplateUI<TManageItems>(
     const posts = data?.posts;
 
     body = (
-      <div
-        className="timeline-container"
-        style={{ minHeight: `calc(100vh - ${56 + bottomSpaceHeight}px)` }}
-      >
+      <>
         {data != null ? (
           <CardComponent
             className="timeline-template-card"
@@ -162,11 +159,16 @@ export default function TimelinePageTemplateUI<TManageItems>(
           />
         ) : null}
         {posts != null ? (
-          <Timeline
-            containerRef={timelineRef}
-            posts={posts}
-            onResize={triggerResizeEvent}
-          />
+          <div
+            className="timeline-container"
+            style={{ minHeight: `calc(100vh - ${56 + bottomSpaceHeight}px)` }}
+          >
+            <Timeline
+              containerRef={timelineRef}
+              posts={posts}
+              onResize={triggerResizeEvent}
+            />
+          </div>
         ) : (
           <div className="full-viewport-center-child">
             <Spinner variant="primary" animation="grow" />
@@ -186,7 +188,7 @@ export default function TimelinePageTemplateUI<TManageItems>(
             />
           </>
         ) : null}
-      </div>
+      </>
     );
   }
   return body;
diff --git a/FrontEnd/src/app/views/timeline-common/timeline-common.sass b/FrontEnd/src/app/views/timeline-common/timeline-common.sass
index 08ae1f09..58c2abc8 100644
--- a/FrontEnd/src/app/views/timeline-common/timeline-common.sass
+++ b/FrontEnd/src/app/views/timeline-common/timeline-common.sass
@@ -3,6 +3,7 @@
 .timeline
   z-index: 0
   position: relative
+  overflow-wrap: anywhere
 
   &-item
     position: relative
-- 
cgit v1.2.3