mac os header bar

[germain-gg]

Your use case

What would you like to do?

Why would you like to do it?

Matches waht a lot of app do

Have you considered any alternatives?

No response

Additional context

No response

[t3chguy]

This is different to how other chat apps do it

Beeper:

Discord:

WhatsApp:

Slack:

Telegram has the legacy window bar:

I frankly can't find any mainstream macOS chat app which does this, not even iMessage:

[janogarcia]

So, the reason for introducing the extra padding on the top is twofold:

• The new room header being clickable leaves very little room for forgiving, comfortable target areas for dragging the window. It requires the user to precisely hunt for tiny spots, which makes for a poor UX.
• It also helps fix the alignment of the search bar and room header keylines with that of the space panel.

Examples of apps include Messenger and Signal, as shown in the issue description.

Also, this will evolve as we iterate on the new design for the left panel.

/cc @americanrefugee @nadonomy

[t3chguy]

I think it'll be poor for accessibility if it is styled as

there's no visual sign that I can drag above the text but not between the text and the call button

[janogarcia]

The pointer will change when hovering the active area of the room header, and then there's also a missing on hover background change which is not currently implemented (subtle, but we don't rely on it for accessibility, as the pointer change is already a sufficient change/signifier).

So, you'd get clear, visual feedback.

[nadonomy]

@t3chguy fwiw when we discussed this, we looked at a lot of the references you posted. To make them work well, we need to also re-jig the left panels, which is out of scope for now.

We're expecting to solve this better over time, for now this is just a very sensible stopgap.