Added ellipses for long attachment names

[akshayasalvi]

Details

• Added ellipses for long attachment names so that the text doesn't overflow and file type is known

Fixed Issues

$ #6157

Tests

1. Tested with long file names
2. Tested with small file names
3. Tested the impact in the chat list

QA Steps

1. Go to any chat and click on "Add Attachment"
2. Select a non-image file with a very long name
3. The attachment preview shouldn't overflow the UI
4. File-name should be wrapped into multiple line text.

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web

Mobile Web

Desktop

iOS

Android

[akshayasalvi]

@Luke9389 While the ellipses mode is working fine for the AttachmentModal, the same view is used in the chats as well where it goes into a multiline view.

This will also get updated to a single line ellipses in the text. Works right?

[akshayasalvi]

@Luke9389 Based on the current view of the messages I've gone ahead and wrapped the content instead of adding ellipses. I will wait for your comments if you feel we should go back to our ellipses approach only.

[Luke9389]

Ok, I'm fine with this. Could you change the name of the PR as well, please?

[OSBotify]

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

[OSBotify]

🚀 Deployed to staging by @Luke9389 in version: 1.1.17-8 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅

[OSBotify]

🚀 Deployed to production by @roryabraham in version: 1.1.18-3 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅