fix(chat): added ellipsis for long chat names

[juliahermak]

Resolves https://trello.com/c/yRtWY0uF/433-ui-reduce-name-field-size-in-the-chat-list-screen

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
adamant-im	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 4, 2023 10:27pm

[bludnic]

UI: Reduce name field size in the chat list screen

[adamant-al]

Much space is unused.
It's better to calculate margin-right depending on date field width.

[bludnic]

Much space is unused. It's better to calculate margin-right depending on date field width.

I think it is not possible to achieve this with plain CSS. Let's keep it simple and find the optimal margin-right (less possible value to not overflow the date).

[martiliones]

I think it is not possible to achieve this with plain CSS. Let's keep it simple and find the optimal margin-right (less possible value to not overflow the date).

can we use display: flex instead of absolute positioning so we could set margin-left to date instead?

[bludnic]

I think it is not possible to achieve this with plain CSS. Let's keep it simple and find the optimal margin-right (less possible value to not overflow the date).

can we use display: flex instead of absolute positioning so we could set margin-left to date instead?

It's worth a try, but it requires changing the markup structure, because the chat name and the date are not placed in the same div.

[bludnic]

@juliahermak Fix the date position. Compare with the version on msg.adamant.im

date-position-bug.mov

[juliahermak]

@bludnic fixed

[adamant-al]

Looks good.

[adamant-al]

@martiliones I want to see the deployment build to see how it looks like.
It seems the build is failed.

[martiliones]

@adamant-al
vercel hadn't triggered by my commit and it seems like github actions is broken by now (see failures above)

@bludnic how do we force vercel to redeploy?

[martiliones]

@adamant-al vercel actually deployed the commit but didn't show it

https://adamant-8mccwsuyo-adamant-team.vercel.app/

see https://github.com/Adamant-im/adamant-im/deployments (surge's one is failed)

[adamant-al]

Looks good, both on Chrome and Firefox.

Merge it.