Skip to content

fix: prevent attachment metadata text overlap on mobile view#1121

Open
Khizarshah01 wants to merge 1 commit intoRocketChat:developfrom
Khizarshah01:fix/attachment-text-overlap-mobile
Open

fix: prevent attachment metadata text overlap on mobile view#1121
Khizarshah01 wants to merge 1 commit intoRocketChat:developfrom
Khizarshah01:fix/attachment-text-overlap-mobile

Conversation

@Khizarshah01
Copy link
Contributor

Summary

Attachment metadata text (title and file size) overlaps on mobile view due to inheriting line-height: 0 from parent attachment containers.


Fix

Explicitly set a readable line-height for attachment metadata text to ensure proper vertical stacking on mobile layouts across all attachment types.


Testing

  • Verified layout on desktop view
  • Verified layout in Storybook using viewport controls:
    • Tablet
    • Large mobile
    • Small mobile

Before

Attachment metadata overlap on mobile (before)

After

Attachment metadata layout fixed on mobile (after)

@Khizarshah01
Copy link
Contributor Author

Hi @Spiral-Memory , Could you please review this PR ?
Thanks !

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