From 78fff9b6f41afb1146216df330c455901fedb0f8 Mon Sep 17 00:00:00 2001
From: PJ <ipriyanshujain@gmail.com>
Date: Sun, 21 Jun 2026 14:53:08 -0400
Subject: [PATCH] changes

---
 src/components/Sidebar.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 6baee7e..526daf3 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -179,7 +179,16 @@ export function Sidebar() {
                     </span>
                     <span className="num">{row.num ?? ""}</span>
                     <span className="text">
-                      <span className="title">{row.chapter.title || "Untitled"}</span>
+                      <span
+                        className="title"
+                        onMouseEnter={(e) => {
+                          const el = e.currentTarget;
+                          if (el.scrollWidth > el.clientWidth) el.title = row.chapter.title || "Untitled";
+                          else el.removeAttribute("title");
+                        }}
+                      >
+                        {row.chapter.title || "Untitled"}
+                      </span>
                       {row.chapter.id === activeChapterId && (
                         <span className="meta">Edited {formatEdited(row.chapter.updatedAt, now)}</span>
                       )}