Skip to content

Fix: truncate the file name in input file - #338

Merged
Misael840 merged 1 commit into
mainfrom
fix/input-file
Jul 16, 2026
Merged

Fix: truncate the file name in input file#338
Misael840 merged 1 commit into
mainfrom
fix/input-file

Conversation

@Misael840

Copy link
Copy Markdown
Contributor

Summary

  • Truncate the file name in the input file

Task

@Misael840
Misael840 requested a review from Copilot July 16, 2026 15:06
@Misael840 Misael840 self-assigned this Jul 16, 2026
@Misael840 Misael840 added the bug Something isn't working label Jul 16, 2026
@codesandbox-ci

Copy link
Copy Markdown

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates the InputFile component’s selected-filename display to visually truncate long filenames inside the single-file “selected” state.

Changes:

  • Adds min-w-0 to the filename container so it can shrink within the row layout.
  • Replaces whitespace-nowrap with Tailwind’s truncate utility on the filename text.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines +246 to 250
<Flex alignItems="center" gap="2" className="min-w-0">
<PaperClipIcon className="w-4 h-4 text-gray-400 flex-shrink-0" />
<Text size="xs" className="whitespace-nowrap">
<Text size="xs" className="truncate">
{fileName}
</Text>
@Misael840
Misael840 merged commit 3ce4050 into main Jul 16, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants