Messenger style conversation layout

This is how the narrow responsive view looks.

upload_2016-9-29_10-1-10.webp


Obviously this is just CSS so it can be styled to suit.
 
Yes - your own avatar is on the right and the avatars of others who respond are all on the left.

I'll post a few more screenshots in a minute or so.
 
This is how it works with three participants.

Participant 1 (Brogan) sees this:
upload_2016-9-29_10-30-10.webp

Participant 2 (Test) sees this:
upload_2016-9-29_10-30-56.webp

Participant 3 (Tester) sees this:
upload_2016-9-29_10-32-47.webp
 
Has anyone tried implementing anything like this?
I like where you're going with this! (y) Personally from a design perspective I think it'd look nicer with the little 'arrow' type indicators that are in the stock postbit design. I'm not sure what the screen element is actually called but here's what I mean....

Capture.webp
 
I prefer the clean, simple look so I just removed that using CSS.

You can always restore it, or even do something with an arrow on the message content instead.

It's not something I'm going to implement on my own site so I'm not going to spend too much time on it.
Currently it's just a single template modification and a few lines of CSS.
 
Top Bottom