891132 - User's homepage - Long user names do not fit within their container

Status: VERIFIED FIXED

(Participation Infrastructure :: Phonebook, defect)

Description

[Matt Brandt [:mbrandt]]

Attachment: qa - screenshot of bug on stage

This report comes from our community, a few members have noted that their accounts are effected by the site redesign.

Several people have long usernames that break the home page design. See screenshot for detailed example.

Comment 1

[Hassadee Pimsuwan]

Attachment: Screenshot of text overflow in profile-details

Comment 2

[Justin Crawford [:hoosteeno] [:jcrawford]]

PR here:

https://github.com/mozilla/mozillians/pull/550

Julia, is this still a valid bug? When I test in dev, it seems like it might already be fixed?

Comment 3

[Julia Elman]

This seems to be fixed on staging and have attached a screenshot for reference. I added the following line to the CSS to make it so that the words inside this area break and wrap to the next line: https://github.com/mozilla/mozillians/blob/master/media/css/main.less#L779

While experimental, it seems that it is fairly compatible, even in older browsers: https://developer.mozilla.org/en-US/docs/Web/CSS/word-wrap#Browser_compatibility

Comment 4

[Julia Elman]

Attachment: Screen Shot 2013-07-18 at 10.47.47 AM.png

Comment 5

[Justin Crawford [:hoosteeno] [:jcrawford]]

Great. This bug is fixed in dev/stage, per comment 3. Thank you Hassadee for the PR; we'd welcome more contributions from you. Find us in the #commtools IRC channel to learn what bugs you can take on.

Comment 6

[Matt Brandt [:mbrandt]]

Attachment: qa - verified on stage

QA verified on stage .. The new profile page design looks great.