From a44b6d25c2bcaf3f4a6140f54b454b717d03e607 Mon Sep 17 00:00:00 2001
From: rahulramesha <rahulramesham@gmail.com>
Date: Thu, 11 Apr 2024 18:56:03 +0530
Subject: [PATCH 1/4] make entire block clickable

---
 web/components/issues/issue-layouts/kanban/block.tsx | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/web/components/issues/issue-layouts/kanban/block.tsx b/web/components/issues/issue-layouts/kanban/block.tsx
index 066cd60913e..554f86422ad 100644
--- a/web/components/issues/issue-layouts/kanban/block.tsx
+++ b/web/components/issues/issue-layouts/kanban/block.tsx
@@ -45,15 +45,10 @@ const KanbanIssueDetailsBlock: React.FC<IssueDetailsBlockProps> = observer((prop
   const { isMobile } = usePlatformOS();
   const { getProjectIdentifierById } = useProject();
 
-  const handleEventPropagation = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    e.preventDefault();
-  };
-
   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>

From 807272ed4c691a0a7aa4a227b25c5001411d64fc Mon Sep 17 00:00:00 2001
From: rahulramesha <rahulramesham@gmail.com>
Date: Thu, 11 Apr 2024 19:51:31 +0530
Subject: [PATCH 2/4] left align title tooltip on kanban block

---
 web/components/issues/issue-layouts/kanban/block.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/components/issues/issue-layouts/kanban/block.tsx b/web/components/issues/issue-layouts/kanban/block.tsx
index 554f86422ad..9130eae2fab 100644
--- a/web/components/issues/issue-layouts/kanban/block.tsx
+++ b/web/components/issues/issue-layouts/kanban/block.tsx
@@ -61,9 +61,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 pb-1.5">
+          <Tooltip tooltipContent={issue.name} isMobile={isMobile}>
+            <span>{issue.name}</span>
+          </Tooltip>
+        </div>
       )}
 
       <IssueProperties

From 7591fd10e9dcdc9205145c09cd4f1632ad673e2f Mon Sep 17 00:00:00 2001
From: rahulramesha <rahulramesham@gmail.com>
Date: Thu, 11 Apr 2024 20:05:53 +0530
Subject: [PATCH 3/4] fix minor issue with kanban issue title

---
 web/components/issues/issue-layouts/kanban/block.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/components/issues/issue-layouts/kanban/block.tsx b/web/components/issues/issue-layouts/kanban/block.tsx
index 9130eae2fab..3f94c4f25b2 100644
--- a/web/components/issues/issue-layouts/kanban/block.tsx
+++ b/web/components/issues/issue-layouts/kanban/block.tsx
@@ -61,7 +61,7 @@ const KanbanIssueDetailsBlock: React.FC<IssueDetailsBlockProps> = observer((prop
           <span>{issue.name}</span>
         </Tooltip>
       ) : (
-        <div className="w-full line-clamp-1 cursor-pointer text-sm text-custom-text-100 pb-1.5">
+        <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>

From 6f5f72df3c11fbe8dfcbad00988a2188e4890da7 Mon Sep 17 00:00:00 2001
From: rahulramesha <rahulramesham@gmail.com>
Date: Thu, 11 Apr 2024 20:10:45 +0530
Subject: [PATCH 4/4] disable click inside the quick actions

---
 web/components/issues/issue-layouts/kanban/block.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/web/components/issues/issue-layouts/kanban/block.tsx b/web/components/issues/issue-layouts/kanban/block.tsx
index 3f94c4f25b2..e437f1241b1 100644
--- a/web/components/issues/issue-layouts/kanban/block.tsx
+++ b/web/components/issues/issue-layouts/kanban/block.tsx
@@ -45,6 +45,11 @@ const KanbanIssueDetailsBlock: React.FC<IssueDetailsBlockProps> = observer((prop
   const { isMobile } = usePlatformOS();
   const { getProjectIdentifierById } = useProject();
 
+  const handleEventPropagation = (e: React.MouseEvent) => {
+    e.stopPropagation();
+    e.preventDefault();
+  };
+
   return (
     <>
       <WithDisplayPropertiesHOC displayProperties={displayProperties || {}} displayPropertyKey="key">
@@ -52,7 +57,12 @@ const KanbanIssueDetailsBlock: React.FC<IssueDetailsBlockProps> = observer((prop
           <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>