diff options
| author | crupest <crupest@outlook.com> | 2021-01-01 23:37:59 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-01-01 23:37:59 +0800 |
| commit | c101f128df316fa23f461ba8c0545bc0a53d61d4 (patch) | |
| tree | 33be02eafcdc41a1345b22311c1a5f6298967e75 /FrontEnd/src/app/views/home/TimelineBoard.tsx | |
| parent | 4a90b0738e562de64dd71b482f09063d36be84a8 (diff) | |
| download | timeline-c101f128df316fa23f461ba8c0545bc0a53d61d4.tar.gz timeline-c101f128df316fa23f461ba8c0545bc0a53d61d4.tar.bz2 timeline-c101f128df316fa23f461ba8c0545bc0a53d61d4.zip | |
...
Diffstat (limited to 'FrontEnd/src/app/views/home/TimelineBoard.tsx')
| -rw-r--r-- | FrontEnd/src/app/views/home/TimelineBoard.tsx | 25 |
1 files changed, 14 insertions, 11 deletions
diff --git a/FrontEnd/src/app/views/home/TimelineBoard.tsx b/FrontEnd/src/app/views/home/TimelineBoard.tsx index 77801a57..93da14cb 100644 --- a/FrontEnd/src/app/views/home/TimelineBoard.tsx +++ b/FrontEnd/src/app/views/home/TimelineBoard.tsx @@ -38,17 +38,16 @@ const TimelineBoardItem: React.FC<TimelineBoardItemProps> = ({ const content = ( <> - <div> - {isPersonal ? ( - <UserTimelineLogo className="icon" /> - ) : ( - <TimelineLogo className="icon" /> - )} - {title} - <small className="ml-2 text-secondary">{name}</small> - </div> + {isPersonal ? ( + <UserTimelineLogo className="icon" /> + ) : ( + <TimelineLogo className="icon" /> + )} + <span className="title">{title}</span> + <small className="ml-2 text-secondary">{name}</small> + <span className="flex-grow-1"></span> {actions != null ? ( - <div> + <div className="right"> <i className="bi-trash icon-button text-danger px-2" /> <i className="bi-grip-vertical icon-button text-gray px-2" @@ -58,7 +57,11 @@ const TimelineBoardItem: React.FC<TimelineBoardItemProps> = ({ }} onPointerUp={(e) => { actions.onMoveEnd(e); - e.currentTarget.releasePointerCapture(e.pointerId); + try { + e.currentTarget.releasePointerCapture(e.pointerId); + } catch (_) { + void null; + } }} onPointerMove={actions.onMoving} /> |