Skip to content

fix: activity feed timestamp and badge overflow on mobile#182

Open
ZS041 wants to merge 1 commit intodatum-cloud:mainfrom
ZS041:fix/activity-feed-mobile-overflow
Open

fix: activity feed timestamp and badge overflow on mobile#182
ZS041 wants to merge 1 commit intodatum-cloud:mainfrom
ZS041:fix/activity-feed-mobile-overflow

Conversation

@ZS041
Copy link
Copy Markdown

@ZS041 ZS041 commented Apr 6, 2026

Summary

  • Use compact timestamp format on narrow screens ("5 hrs ago" instead of "about 5 hours ago")
  • Truncate tenant badge name with ellipsis when space is tight
  • Consistent metadata row layout across all feed cards

Fixes #133

Styling-only changes — no logic or test changes needed.

Files changed

  • ui/src/components/ActivityFeedItem.tsx
  • ui/src/components/TenantBadge.tsx

Use compact timestamp format on narrow screens, truncate tenant badge name with ellipsis when space is tight to keep metadata row layout consistent across all cards
@cla-assistant
Copy link
Copy Markdown

cla-assistant Bot commented Apr 6, 2026

CLA assistant check
All committers have signed the CLA.

@ZS041
Copy link
Copy Markdown
Author

ZS041 commented Apr 6, 2026

Hey! I took a stab at fixing the mobile view on the activity feed. Few things to get it there, including less verbose formatDistanceToNow for time display on smaller screens, tenant badge text truncation, and wrapping for summary text.

Mobile:
image
Desktop (No regressions):
image

Happy to adjust if you'd like anything changed!

@drewr
Copy link
Copy Markdown
Contributor

drewr commented Apr 6, 2026

Appreciate you contributing @ZS041!

@scotwells scotwells requested a review from kevwilliams April 10, 2026 15:28
@scotwells
Copy link
Copy Markdown
Contributor

Thanks for the contribution @ZS041! Added @kevwilliams to help review and get this merged in 🚀

Copy link
Copy Markdown
Contributor

@kevwilliams kevwilliams left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! Thanks for chipping in!

@ZS041
Copy link
Copy Markdown
Author

ZS041 commented Apr 17, 2026

LGTM! Thanks for chipping in!

No problem! Glad to help.

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.

Mobile-friendly UI

4 participants