No wrap style

[chiragsalian]

Details

Fixed Issues

$ #7321

Tests / QA

Tested the same steps mentioned on #7321 and confirmed the image has ellipses on mWeb.

• Verify that no errors appear in the JS console

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web

Mobile Web

Desktop

iOS

Android

[github-actions]

⚠️ ⚠️ Heads up! This pull request has the CP Staging label. ⚠️ ⚠️
Merging it will cause it to be immediately deployed to staging, even if the open StagingDeployCash deploy checklist is locked.

[roryabraham]

LGTM but not explicitly approving because I haven't tested.

[stitesExpensify]

LGTM

[parasharrajat]

Hey, I am here. Sorry for the delay.

If you want it to look like the old way then we should use numberOfLines={2} then it will start clipping from second line.

[stitesExpensify]

Does it look different this way? I'm not seeing it

[chiragsalian]

I think the style change alone is fine for now. Plus i feel this keeps the UI consistent with mobile and web since i see a single line on them as well.

[parasharrajat]

Previously, HeaderView was used to wrap to two lines and then clipped with an ellipsis. You can see that on PROD.

[stitesExpensify]

Gotcha. Well since we only see one line on web, I think this is fine 👍

[OSBotify]

🚀 Cherry-picked to staging by @stitesExpensify in version: 1.1.31-1 🚀

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

@Expensify/applauseleads please QA this PR and check it off on the deploy checklist if it passes.

[OSBotify]

🚀 Deployed to production by @chiragsalian in version: 1.1.31-1 🚀

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