Fix ellipsis issues for Text numberOfLines={1}

[parasharrajat]

1. Revert commit 562db69 to fix ellipsis for .
2. Fix ellipsis for Safari via adding word-wrap: normal to text-oneline styles. Based on stackoverflow.com/a/56961220/7462668

PR for Expensify/App#7206
Original PR necolas#2193

cc: @roryabraham

[luacmartins]

Changes seem ok, but can you remind me why we don't just remove whitespace: no-wrap from here?

[parasharrajat]

Because we want the text to be clipped with an ellipsis. Ellipsis won't show on the web until text wraps. And removing this line will not fix the issues that we are facing.

After this change, we won't need that style. It would be automatically applied. And we can remove that line https://github.com/Expensify/App/blob/f8e48cdf877c9dc9576a429ccb2885969b82e93c/src/styles/styles.js#L1103.

[luacmartins]

I'm not too sure if this is the best way to solve this issue. @roryabraham could you please take a look?

[parasharrajat]

You will get more details on the linked orginal PR and details behind reverting and the fix.

[roryabraham]

Taking a look at this now

[roryabraham]

Honestly, I'm not completely sure about this either – I'm sure necolas will have a more informed opinion if/when they eventually review the upstream PR. But looking at the SO @parasharrajat linked this seems like a viable solution to both the original issue solved by the commit you're reverting and the new issues we're seeing now.

[luacmartins]

Thanks for the input @roryabraham!