MsgBubbles: Media Layout

[daniellekirkwood]

Your use case

To ensure alignment across platforms the we need to ensure the following for Web:

• Images, Files, Audio, & Video (and other Media) messages are sent outside of a bubble.
• Images, Files, Audio, & Video (and other Media) messages are seen on the right by the sender and left when receiving.
• Images, Files, Audio, & Video (and other Media) messages are green on the right, and grey on the left (to be confirmed)

Media includes:

• Images (need timestamp updates)
• Files
• Audio
• Location
• Video (need timestamp updates)

[t3chguy]

Images, Files, Audio, & Video (and other Media) messages are green on the right, and grey on the left (to be confirmed)

How would this work if they're outside of a bubble?

[t3chguy]

Images, Files, Audio, & Video (and other Media) messages are sent outside of a bubble.
Images, Files, Audio, & Video (and other Media) messages are seen on the right by the sender and left when receiving.

Pretty sure these are already the case so really unsure about what there is to be done given I've been assigned.

[daniellekirkwood]

This is a screenshot where I am a sender for all of the above types of media (image, file, audio, video).

Should we change the colour grey to green in this instance? Or should it be grey? (same possibly applies to calls)

[t3chguy]

and probably verifications and room intro summaries

[daniellekirkwood]

Images, Files, Audio, & Video (and other Media) messages are green on the right, and grey on the left (to be confirmed)

How would this work if they're outside of a bubble?

We know that they're outside of a bubble but as they're wrapped with rounded edges, users may not know that. Depending on the response from Amsha we can probably close this issue without input from you @t3chguy -

[daniellekirkwood]

and probably verifications and room intro summaries

ooh, good point. Let's add those to the issue

[amshakal]

Voice messages and files are the only ones that need a to be green when being sent as it's in a 'bubble' already. The rest does not have a bounding box and will stay as it is.

[t3chguy]

@amshakal should the middle-aligned verifications get appropriate colour too?