thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

[WEB-905] fix: make entire Kanban issue block clickable (#4175)

Browse Source 
* make entire block clickable

* left align title tooltip on kanban block

* fix minor issue with kanban issue title

* disable click inside the quick actions
This commit is contained in:
rahulramesha 2024-04-11 20:21:03 +05:30 committed by GitHub
parent 9e3fedd0df
commit cd395fa3d2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/components/issues/issue-layouts/kanban/block.tsx
View File

@ -53,11 +53,16 @@ const KanbanIssueDetailsBlock: React.FC<IssueDetailsBlockProps> = observer((prop
return ( return (
<> <>
<WithDisplayPropertiesHOC displayProperties={displayProperties || {}} displayPropertyKey="key"> <WithDisplayPropertiesHOC displayProperties={displayProperties || {}} displayPropertyKey="key">
<div className="relative" onClick={handleEventPropagation}> <div className="relative">
<div className="line-clamp-1 text-xs text-custom-text-300"> <div className="line-clamp-1 text-xs text-custom-text-300">
{getProjectIdentifierById(issue.project_id)}-{issue.sequence_id} {getProjectIdentifierById(issue.project_id)}-{issue.sequence_id}
</div> </div>
<div className="absolute -top-1 right-0 hidden group-hover/kanban-block:block">{quickActions(issue)}</div> <div
className="absolute -top-1 right-0 hidden group-hover/kanban-block:block"
onClick={handleEventPropagation}
>
{quickActions(issue)}
</div>
</div> </div>
</WithDisplayPropertiesHOC> </WithDisplayPropertiesHOC>
@ -66,9 +71,11 @@ const KanbanIssueDetailsBlock: React.FC<IssueDetailsBlockProps> = observer((prop
<span>{issue.name}</span> <span>{issue.name}</span>
</Tooltip> </Tooltip>
) : ( ) : (
<div className="w-full line-clamp-1 cursor-pointer text-sm text-custom-text-100 mb-1.5">
<Tooltip tooltipContent={issue.name} isMobile={isMobile}> <Tooltip tooltipContent={issue.name} isMobile={isMobile}>
<span className="w-full line-clamp-1 cursor-pointer text-sm text-custom-text-100">{issue.name}</span> <span>{issue.name}</span>
</Tooltip> </Tooltip>
</div>
)} )}
<IssueProperties <IssueProperties