iachat/app/javascript/dashboard/components-next/message/bubbles
Petterson 03bde0a8aa
fix: Truncate name in attachment bubble (#11540)
# Pull Request

## Description

This PR fixes a UI issue where very long attachment filenames (sometimes
including parameters or hashes) would overflow or break the layout in
the message bubble. The fix applies Tailwind's truncate utility class to
ensure these filenames are properly truncated with ellipsis, preserving
layout consistency and improving readability.

Fixes #11514 

## Type of change
- [x] Bug fix (non-breaking change which fixes an issue)

## How Has This Been Tested?

- Manually tested with attachment messages containing long filenames
(e.g., with hashes, query params, or excessive length).
- Verified that filenames are now truncated with ellipsis.

## Checklist:

- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my code
- [x] My changes generate no new warnings
- [x] New and existing unit tests pass locally with my changes

---------

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
2025-05-27 14:24:43 -06:00
..
Email chore: Improve translation service with HTML and plain text support (#11305) 2025-04-16 17:59:06 +05:30
Text chore: Improve translation service with HTML and plain text support (#11305) 2025-04-16 17:59:06 +05:30
Activity.vue chore: Update message bubble orientation (#11348) 2025-05-06 13:21:52 +05:30
Audio.vue fix: Fix the issue with context menu for right click on images and videos (#11114) 2025-03-19 20:09:44 -07:00
Base.vue revert: Next bubble improvements (#10795) 2025-01-29 20:04:45 -08:00
BaseAttachment.vue fix: Truncate name in attachment bubble (#11540) 2025-05-27 14:24:43 -06:00
Contact.vue feat: Show shared contact's name in Telegram channel (#10856) 2025-02-11 19:39:54 +05:30
CSAT.vue feat: Improve CSAT responses (#11485) 2025-05-16 14:18:52 +05:30
Dyte.vue fix: Fix issues with leave room button (#10942) 2025-02-20 20:27:17 -08:00
File.vue feat: integrate new bubbles (#10550) 2024-12-19 18:41:55 +05:30
Form.vue feat: check if item is present (#10715) 2025-01-18 18:31:07 +05:30
Image.vue fix: Fix the issue with context menu for right click on images and videos (#11114) 2025-03-19 20:09:44 -07:00
InstagramStory.vue fix: Fix the issue with context menu for right click on images and videos (#11114) 2025-03-19 20:09:44 -07:00
Location.vue feat: integrate new bubbles (#10550) 2024-12-19 18:41:55 +05:30
Unsupported.vue feat: Add new message bubbles (#10481) 2024-12-12 17:42:22 -08:00
Video.vue fix: Fix the issue with context menu for right click on images and videos (#11114) 2025-03-19 20:09:44 -07:00