aboutsummaryrefslogtreecommitdiff
path: root/Timeline/ClientApp/src/timeline/TimelineItem.tsx
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2020-06-10 15:21:32 +0800
committercrupest <crupest@outlook.com>2020-06-10 15:21:32 +0800
commit7ec5cf66cef88bc7d3b8720070f40cceb452aec4 (patch)
tree00d2663e9e0b1f528a023cc7e16a689a80beb8ca /Timeline/ClientApp/src/timeline/TimelineItem.tsx
parent788ffcb06fcf021312f70c3e296011bb06fe1e84 (diff)
downloadtimeline-7ec5cf66cef88bc7d3b8720070f40cceb452aec4.tar.gz
timeline-7ec5cf66cef88bc7d3b8720070f40cceb452aec4.tar.bz2
timeline-7ec5cf66cef88bc7d3b8720070f40cceb452aec4.zip
feat(front): Fix #75 .
Diffstat (limited to 'Timeline/ClientApp/src/timeline/TimelineItem.tsx')
-rw-r--r--Timeline/ClientApp/src/timeline/TimelineItem.tsx9
1 files changed, 8 insertions, 1 deletions
diff --git a/Timeline/ClientApp/src/timeline/TimelineItem.tsx b/Timeline/ClientApp/src/timeline/TimelineItem.tsx
index 215c7b12..9e08acc7 100644
--- a/Timeline/ClientApp/src/timeline/TimelineItem.tsx
+++ b/Timeline/ClientApp/src/timeline/TimelineItem.tsx
@@ -56,6 +56,8 @@ export interface TimelineItemProps {
onClick?: () => void;
avatarVersion?: number;
onResize?: () => void;
+ className?: string;
+ style?: React.CSSProperties;
}
const TimelineItem: React.FC<TimelineItemProps> = (props) => {
@@ -78,8 +80,13 @@ const TimelineItem: React.FC<TimelineItemProps> = (props) => {
return (
<Row
- className={clsx('position-relative flex-nowrap', current && 'current')}
+ className={clsx(
+ 'position-relative flex-nowrap',
+ current && 'current',
+ props.className
+ )}
onClick={props.onClick}
+ style={props.style}
>
<Col className="timeline-line-area">
<div className="timeline-line-segment start"></div>