From cd395fa3d22a2dd9260ea831c693e87084caff4e Mon Sep 17 00:00:00 2001
From: rahulramesha <71900764+rahulramesha@users.noreply.github.com>
Date: Thu, 11 Apr 2024 20:21:03 +0530
Subject: [PATCH] [WEB-905] fix: make entire Kanban issue block clickable
 (#4175)

* make entire block clickable

* left align title tooltip on kanban block

* fix minor issue with kanban issue title

* disable click inside the quick actions
---
 .../issues/issue-layouts/kanban/block.tsx       | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/web/components/issues/issue-layouts/kanban/block.tsx b/web/components/issues/issue-layouts/kanban/block.tsx
index 066cd6091..e437f1241 100644
--- a/web/components/issues/issue-layouts/kanban/block.tsx
+++ b/web/components/issues/issue-layouts/kanban/block.tsx
@@ -53,11 +53,16 @@ const KanbanIssueDetailsBlock: React.FC<IssueDetailsBlockProps> = observer((prop
   return (
     <>
       <WithDisplayPropertiesHOC displayProperties={displayProperties || {}} displayPropertyKey="key">
-        <div className="relative" onClick={handleEventPropagation}>
+        <div className="relative">
           <div className="line-clamp-1 text-xs text-custom-text-300">
             {getProjectIdentifierById(issue.project_id)}-{issue.sequence_id}
           </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>
       </WithDisplayPropertiesHOC>
 
@@ -66,9 +71,11 @@ const KanbanIssueDetailsBlock: React.FC<IssueDetailsBlockProps> = observer((prop
           <span>{issue.name}</span>
         </Tooltip>
       ) : (
-        <Tooltip tooltipContent={issue.name} isMobile={isMobile}>
-          <span className="w-full line-clamp-1 cursor-pointer text-sm text-custom-text-100">{issue.name}</span>
-        </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}>
+            <span>{issue.name}</span>
+          </Tooltip>
+        </div>
       )}
 
       <IssueProperties