From dab7618f8df6646638dd52335d4c23029a1ca4b1 Mon Sep 17 00:00:00 2001
From: ByungGyu-Yu <ybg2024@platpharm.co.kr>
Date: Thu, 12 Mar 2026 15:13:23 +0900
Subject: [PATCH 1/2] feat: replace native title with DaisyUI tooltip on PR
 titles

Use DaisyUI tooltip (data-tip) for truncated PR titles, consistent
with existing tooltip usage on repository names and contribution counts.

Closes #95

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/RepositoryContributionsCard.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/RepositoryContributionsCard.tsx b/src/components/RepositoryContributionsCard.tsx
index 24e5180..060dfdb 100644
--- a/src/components/RepositoryContributionsCard.tsx
+++ b/src/components/RepositoryContributionsCard.tsx
@@ -58,14 +58,15 @@ export const RepositoryContributionsCard = ({
                   key={id}
                   className="flex items-center justify-between gap-2"
                 >
-                  <a
-                    href={url}
-                    target="_blank"
-                    className="truncate"
-                    title={title}
-                  >
-                    {title}
-                  </a>
+                  <div className="tooltip text-left truncate" data-tip={title}>
+                    <a
+                      href={url}
+                      target="_blank"
+                      className="truncate"
+                    >
+                      {title}
+                    </a>
+                  </div>
                   <span
                     className={`h-fit rounded p-1 ${
                       state === "MERGED"

From 8292c7ce69fa8fa89c5e8997b8434dfe430e322a Mon Sep 17 00:00:00 2001
From: ByungGyu-Yu <ybg2024@platpharm.co.kr>
Date: Thu, 12 Mar 2026 15:25:16 +0900
Subject: [PATCH 2/2] fix: prevent tooltip clipping by removing truncate from
 wrapper

Use min-w-0 on tooltip wrapper instead of truncate to avoid
overflow:hidden clipping the DaisyUI tooltip pseudo-elements.
Keep truncate only on the inner <a> element with display:block.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/RepositoryContributionsCard.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/RepositoryContributionsCard.tsx b/src/components/RepositoryContributionsCard.tsx
index 060dfdb..bcc3817 100644
--- a/src/components/RepositoryContributionsCard.tsx
+++ b/src/components/RepositoryContributionsCard.tsx
@@ -58,12 +58,8 @@ export const RepositoryContributionsCard = ({
                   key={id}
                   className="flex items-center justify-between gap-2"
                 >
-                  <div className="tooltip text-left truncate" data-tip={title}>
-                    <a
-                      href={url}
-                      target="_blank"
-                      className="truncate"
-                    >
+                  <div className="tooltip text-left min-w-0" data-tip={title}>
+                    <a href={url} target="_blank" className="block truncate">
                       {title}
                     </a>
                   </div>