1077513 - The default avatar is reduced horizontally for contact with long name

Status: RESOLVED FIXED

(Hello (Loop) :: Client, defect, P4)

Description

[Paul Silaghi, QA [:pauly]]

Attachment: loop contact long name.png

STR:
Add a contact with a really long name (e.g. "long nameeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee")
Actual results:
The default avatar is reduced horizontally - see attached

Comment 1

[Mark Banner (:standard8)]

Attachment: Stop Loop's contacts display squashing the avatar when a contact has a long name.

I found it interesting that hovering over the contact made the avatar un-squash. It turns out that we're using flex to put the contact divs in horizontal mode, but we're then not specifying the flex attributes on all the elements.

Specifying none on the avatar and the icons, correctly fixes those, then we just have to specify auto on the main contact details to make sure the icon buttons are all the way to the right.

This doesn't make an attempt to fix the fact the name should have an ellipsis at the end if it overflows. I think we're going to need to do something thinking wrt spans etc, so I'm splitting that off to a seperate bug.

Comment 2

[Pulsebot]

https://hg.mozilla.org/integration/fx-team/rev/9d30e8decf0e

Comment 3

[Phil Ringnalda (:philor)]

https://hg.mozilla.org/mozilla-central/rev/9d30e8decf0e