fix(ui): prevent long clone paths from breaking report cards

Author: orenlab

codeclone/html_report.py

@@ -439,8 +439,12 @@ def render_section(
 
                     out.append(
                         '<div class="item">'
-                        f'<div class="item-head">{_escape(item["qualname"])}</div>'
-                        f'<div class="item-file">'
+                        f'<div class="item-head" title="{_escape(item["qualname"])}">'
+                        f"{_escape(item['qualname'])}"
+                        "</div>"
+                        f'<div class="item-file" '
+                        f'title="{_escape(item["filepath"])}:'
+                        f'{item["start_line"]}-{item["end_line"]}">'
                         f"{_escape(item['filepath'])}:"
                         f"{item['start_line']}-{item['end_line']}"
                         f"</div>"

codeclone/templates.py

@@ -594,6 +594,9 @@
   font-weight: 600;
   color: var(--accent-primary);
   font-family: var(--font-mono);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .item-file {
@@ -603,6 +606,9 @@
   font-family: var(--font-mono);
   font-size: var(--text-xs);
   color: var(--text-tertiary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 /* Code Display */