diff options
| author | crupest <crupest@outlook.com> | 2020-11-11 23:33:21 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-11-11 23:33:21 +0800 |
| commit | 6ec7f243308fdcbde1eedd92045bc84601fe00f0 (patch) | |
| tree | aaf2151c98ad688fca86e4dd38f9f3db1d17150a | |
| parent | 50582266f3ece2f1499dc7bb87b67339d8688c6a (diff) | |
| download | timeline-6ec7f243308fdcbde1eedd92045bc84601fe00f0.tar.gz timeline-6ec7f243308fdcbde1eedd92045bc84601fe00f0.tar.bz2 timeline-6ec7f243308fdcbde1eedd92045bc84601fe00f0.zip | |
fix: Fix timeline layout.
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx | 22 | ||||
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/timeline-common.sass | 1 |
2 files changed, 13 insertions, 10 deletions
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 |