Skip to content

Implement improved spacing for the thread list and timeline. #21759

@janogarcia

Description

@janogarcia

Changelog

  • Changed root message avatar size to 32px (the previous value of 36px was a design bug 🙃🐛).
  • Changed the unread dots size to 8px and adjusted their spacing, bringing them closer to the timestamp and leaving more breathing room for the hover state.
  • Updated the inner padding for the thread panel and around the avatar for better visual balance and to better fit 12-hour timestamps.
  • Updated padding values for hover states for better visual balance.

Please refer to the annotations/redlines for the expected spacing.

Design

Figma — Redlines
Figma — Mockups

Snapshot

Threads - Updated spacing

Metadata

Metadata

Assignees

Labels

A-ThreadsO-FrequentAffects or can be seen by most users regularly or impacts most users' first experienceS-TolerableLow/no impact on usersT-Defect

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions