Skip to content

ux: move PostUser group badges inline after username#4490

Draft
imorland wants to merge 1 commit into2.xfrom
im/post-user-badges-inline
Draft

ux: move PostUser group badges inline after username#4490
imorland wants to merge 1 commit into2.xfrom
im/post-user-badges-inline

Conversation

@imorland
Copy link
Copy Markdown
Member

Summary

  • Group badges in post headers were overlaid on the avatar via float/absolute positioning, causing overflow when a user belongs to many groups (visible at all viewport widths)
  • Badges are now rendered inline after the username and online indicator, using inline-flex alignment so they sit flush with the text
  • Old avatar-column positioning rules removed; badges display at 16px with a small gap between each

Test plan

  • User with 1 group badge — renders cleanly inline after username
  • User with many group badges — no overflow, badges wrap or extend naturally
  • Online indicator still shows correctly before username
  • Timestamp still appears after badges without layout breakage
  • Check on mobile and desktop viewports

Group badges are now rendered inline after the username and online
indicator in post headers, rather than overlaid on the avatar. This
prevents overflow at any viewport width when a user belongs to many
groups. Badges are separated and sized to sit flush with the text line.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant