diff options
author | crupest <crupest@outlook.com> | 2021-06-15 21:19:02 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2021-06-15 21:19:02 +0800 |
commit | 1552c0086c396aa89e0ad965a6cbd6c3ea70cac4 (patch) | |
tree | 2347d15102711f8dc917dfd6e1888fc1527c5c64 /FrontEnd/src/views/timeline-common/TimelinePostView.tsx | |
parent | c442bec1342a16ddfdb8e103f9b238e4581639e2 (diff) | |
download | timeline-1552c0086c396aa89e0ad965a6cbd6c3ea70cac4.tar.gz timeline-1552c0086c396aa89e0ad965a6cbd6c3ea70cac4.tar.bz2 timeline-1552c0086c396aa89e0ad965a6cbd6c3ea70cac4.zip |
...
Diffstat (limited to 'FrontEnd/src/views/timeline-common/TimelinePostView.tsx')
-rw-r--r-- | FrontEnd/src/views/timeline-common/TimelinePostView.tsx | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/FrontEnd/src/views/timeline-common/TimelinePostView.tsx b/FrontEnd/src/views/timeline-common/TimelinePostView.tsx index ea40f80a..5572c5c3 100644 --- a/FrontEnd/src/views/timeline-common/TimelinePostView.tsx +++ b/FrontEnd/src/views/timeline-common/TimelinePostView.tsx @@ -16,7 +16,6 @@ import PostPropertyChangeDialog from "./PostPropertyChangeDialog"; export interface TimelinePostViewProps { post: HttpTimelinePostInfo; - current?: boolean; className?: string; style?: React.CSSProperties; cardStyle?: React.CSSProperties; @@ -26,7 +25,6 @@ export interface TimelinePostViewProps { const TimelinePostView: React.FC<TimelinePostViewProps> = (props) => { const { post, className, style, cardStyle, onChanged, onDeleted } = props; - const current = props.current === true; const [operationMaskVisible, setOperationMaskVisible] = React.useState<boolean>(false); @@ -55,11 +53,15 @@ const TimelinePostView: React.FC<TimelinePostViewProps> = (props) => { return ( <div id={`timeline-post-${post.id}`} - className={classnames("timeline-item", current && "current", className)} + className={classnames("timeline-item", className)} style={style} > - <TimelineLine center="node" current={current} /> - <Card ref={cardRef} className="timeline-item-card" style={cardStyle}> + <TimelineLine center="node" /> + <Card + ref={cardRef} + className="timeline-item-card enter-animation" + style={cardStyle} + > {post.editable ? ( <i className="bi-chevron-down text-info icon-button float-end" |