From 0c0ef55d1a98d5559cf3ec8665130596d26b2160 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Tue, 15 Jun 2021 21:34:09 +0800
Subject: ...

---
 FrontEnd/src/views/timeline-common/TimelinePostEdit.tsx | 2 +-
 FrontEnd/src/views/timeline-common/index.css            | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

(limited to 'FrontEnd/src')

diff --git a/FrontEnd/src/views/timeline-common/TimelinePostEdit.tsx b/FrontEnd/src/views/timeline-common/TimelinePostEdit.tsx
index abb04c1b..02a28850 100644
--- a/FrontEnd/src/views/timeline-common/TimelinePostEdit.tsx
+++ b/FrontEnd/src/views/timeline-common/TimelinePostEdit.tsx
@@ -196,7 +196,7 @@ const TimelinePostEdit: React.FC<TimelinePostEditProps> = (props) => {
 
   return (
     <div
-      className={classnames("timeline-item current", className)}
+      className={classnames("timeline-item timeline-post-edit", className)}
       style={style}
     >
       <TimelineLine center="node" current />
diff --git a/FrontEnd/src/views/timeline-common/index.css b/FrontEnd/src/views/timeline-common/index.css
index e59983aa..297e6156 100644
--- a/FrontEnd/src/views/timeline-common/index.css
+++ b/FrontEnd/src/views/timeline-common/index.css
@@ -133,8 +133,8 @@
   animation-name: timeline-line-node-loading;
 }
 
-.timeline-item.current {
-  padding-bottom: 2.5em;
+.timeline-item.timeline-post-edit {
+  padding-bottom: 0;
 }
 
 .timeline-top {
@@ -157,6 +157,11 @@
   opacity: 0;
 }
 
+.timeline-post-edit {
+  position: sticky;
+  bottom: 0;
+}
+
 @media (max-width: 575.98px) {
   .timeline-item-card {
     padding-left: 3em;
-- 
cgit v1.2.3