diff options
| author | diogo464 <[email protected]> | 2025-08-14 18:15:08 +0100 |
|---|---|---|
| committer | diogo464 <[email protected]> | 2025-08-14 18:15:08 +0100 |
| commit | ba48301d75e667cd3128a544bf1526991c1422a8 (patch) | |
| tree | 36bd48eedef51fc1aae0ddff4efbdcd0124ca01c /frontend | |
| parent | 753754a0981ee57f1ceca3738bbcd9956510cb5c (diff) | |
feat: add hover tooltips to History Path column
Add title attributes to show full path information when hovering over entries
in the History page Path column. This helps users see truncated paths in full.
- Add title tooltip for file creation entries showing full file path
- Add title tooltip for rename entries showing "old_path → new_path" format
- Add title tooltip for other entries showing the path
- Maintains existing truncation styling with max-w-md class
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <[email protected]>
Diffstat (limited to 'frontend')
| -rw-r--r-- | frontend/components/history/HistoryView.tsx | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/frontend/components/history/HistoryView.tsx b/frontend/components/history/HistoryView.tsx index d9d3dc2..c459275 100644 --- a/frontend/components/history/HistoryView.tsx +++ b/frontend/components/history/HistoryView.tsx | |||
| @@ -119,15 +119,18 @@ export function HistoryView({ entries, currentPage, hasNextPage, hasPrevPage, to | |||
| 119 | <Link | 119 | <Link |
| 120 | href={`/blob/${entry.blob_id}?filename=${encodeURIComponent(entry.path.split('/').pop() || 'download')}`} | 120 | href={`/blob/${entry.blob_id}?filename=${encodeURIComponent(entry.path.split('/').pop() || 'download')}`} |
| 121 | className="text-blue-600 hover:text-blue-800 hover:underline" | 121 | className="text-blue-600 hover:text-blue-800 hover:underline" |
| 122 | title={entry.path} | ||
| 122 | > | 123 | > |
| 123 | {entry.path} | 124 | {entry.path} |
| 124 | </Link> | 125 | </Link> |
| 125 | ) : isRenameEntry(entry) ? ( | 126 | ) : isRenameEntry(entry) ? ( |
| 126 | <span> | 127 | <span title={`${entry.old_path} → ${entry.new_path}`}> |
| 127 | {entry.old_path} → {entry.new_path} | 128 | {entry.old_path} → {entry.new_path} |
| 128 | </span> | 129 | </span> |
| 129 | ) : ( | 130 | ) : ( |
| 130 | 'path' in entry ? entry.path : '' | 131 | <span title={'path' in entry ? entry.path : ''}> |
| 132 | {'path' in entry ? entry.path : ''} | ||
| 133 | </span> | ||
| 131 | )} | 134 | )} |
| 132 | </TableCell> | 135 | </TableCell> |
| 133 | <TableCell> | 136 | <TableCell> |
