diff options
-rw-r--r-- | FrontEnd/src/views/timeline-common/TimelinePostEdit.tsx | 2 | ||||
-rw-r--r-- | FrontEnd/src/views/timeline-common/index.css | 9 |
2 files changed, 8 insertions, 3 deletions
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; |