Avatars, recipients and date box not wrapping properly on the messages page

[magichew]

The avatar pictures appears to be underneath the recipient and date text in messages page.

I've included a photograph to demonstrate.

[magichew]

Screen grab of messages issue

[boonebgorges]

What theme are you using? WP/BP versions?

[magichew]

Sorry for the delay in getting back to you.

I'm using the Twenty Twelve Theme, the latest trunk version of BP and the 3.5.2 alpha WP.

[boonebgorges]

By the looks of that screengrab, there's some customization going on. The yellow box around the timestamp is no longer in BP trunk. Are you sure that you don't have a custom template somewhere? Check that your theme doesn't contain members/single/messages/ or anything like that.

[magichew]

It's all vanilla. That screenshot was taken a while ago with the latest version at that time. It still persists now with that latest version. Do you need a new screenshot?

[boonebgorges]

I guess you can attach a new screenshot, but in any case I can't reproduce the issue on my local installations. Do you know enough about your browser's dev tools to debug the CSS?

[magichew]

Just looked now and it's all good in Firefox but still problems in Safari .

[boonebgorges]

Thanks for the additional details. I still can't totally reproduce the screenshots as you've described them, but I do see that Twenty Twelve is inserting some responsive CSS that's causing problems in the context of this table. Could you test 4790.patch to see if it fixes your problem too?

[magichew]

Bingo. Fixed in safari. And hasn't effected anything in Firefox.

[magichew]

Just had a thought, the messages screen could do with a little bit of adjustment.

The check box and the delete button shouldn't be together. For my money it makes more sense to have the check box as the left most element and the delete button all the way to the right like the image I've attached.

[boonebgorges]

(In [6839]) Improved avatar appearance on Messages lists when using theme compat

Some WP themes accomplish responsiveness for images by using a max-width: 100%;
attribute for all images in the content area. (Twenty Twelve is an example.)
This declaration causes problems for the way that the Messages screen markup
is built, so that the container element for the avatar has no width, and thus
the avatar doesn't show up on Webkit browsers.

Fixes #4790

[boonebgorges]

magichew - Your suggestion about moving the checkbox is sensible, but the behavior you describe is not a regression for 1.7, so it's too late to fix it for this cycle. Please open a separate enhancement ticket with the request.

[magichew]

No probs Boone. Thanks for your help with this.