diff --git a/CHANGELOG.md b/CHANGELOG.md index 379d7706..59f98f18 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -13,6 +13,7 @@ and this project adheres to - 🩹(frontend) remove incorrect reference to ProConnect on the prejoin #1080 - ✨(frontend) add Ctrl+Shift+/ to open shortcuts settings #1050 - ♿(frontend) announce selected state to screen readers #1081 +- 💄(frontend) truncate long names with ellipsis in reaction overlay #1099 ### Changed diff --git a/src/frontend/src/features/rooms/livekit/components/ReactionPortal.tsx b/src/frontend/src/features/rooms/livekit/components/ReactionPortal.tsx index 8d041700..445b975c 100644 --- a/src/frontend/src/features/rooms/livekit/components/ReactionPortal.tsx +++ b/src/frontend/src/features/rooms/livekit/components/ReactionPortal.tsx @@ -102,6 +102,11 @@ export function FloatingReaction({ paddingTop: '0.15rem', boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)', lineHeight: '16px', + maxWidth: '12rem', + display: 'inline-block', + overflow: 'hidden', + textOverflow: 'ellipsis', + whiteSpace: 'nowrap', })} > {name}