aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--FrontEnd/src/views/timeline-common/TimelinePostEdit.tsx2
-rw-r--r--FrontEnd/src/views/timeline-common/index.css9
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;