Skip to content

msglist: Message bounds hard to see in a run of messages from the same user #1142

Open
@chrisbobbe

Description

@chrisbobbe

When we show a run of consecutive messages from the same user, it can be hard to see where one message ends and the next begins. Compare zulip-flutter and web:

web zulip-flutter
image image
image image

I noticed this at #446 (review) and it came up again in beta feedback: https://chat.zulip.org/#narrow/channel/48-mobile/topic/mobile.20beta.20feedback/near/2000252

One clear improvement, I think, is to tint the background of a message when you long-press it, which you might do to open the message action sheet. We even have a Figma frame we can follow:

image

Once message is pressed there should be a tint of the background, since the background color could be anything. So pressedTint is a transparent foreground color.

Pressed state here is kind of selected state, because we want to keep highlighting the message as a contextual information for a dialog of editing the message.

That design has a different motivation (#126 edit message) but would help this message-bounds issue too, without having to add or rearrange anything in the layout. (Space is tight on mobile.)

EDIT: A new idea from PR #1152 that seems reasonable to me: also keep the tint while the message action sheet is open.

Metadata

Metadata

Assignees

No one assigned

    Labels

    a-designVisual and UX designa-msglistThe message-list screen, except what's label:a-contentbeta feedbackThings beta users have specifically asked for

    Type

    No type

    Projects

    • Status

      No status

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions