Skip to content

Commit 509e457

Browse files
Fixed notification +N count badge alignment in ActivityPub (#28290)
ref https://linear.app/ghost/issue/DES-1400/notification-more-count-15-etc-alignment-is-off-in-activitypub - the avatar stack row stretched to full width, so the absolutely positioned +N badge anchored to the far right edge instead of the last avatar - added w-fit so the row shrinks to its content, letting the existing right offset land the badge on the last avatar
1 parent d46b536 commit 509e457

2 files changed

Lines changed: 2 additions & 2 deletions

File tree

apps/activitypub/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@tryghost/activitypub",
3-
"version": "3.1.29",
3+
"version": "3.1.30",
44
"license": "MIT",
55
"repository": {
66
"type": "git",

apps/activitypub/src/views/notifications/notifications.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -332,7 +332,7 @@ const Notifications: React.FC = () => {
332332
}
333333
{group.actors.length > 1 && <NotificationItem.Avatars>
334334
<div className='flex w-full flex-col'>
335-
<div className='relative flex items-center pl-2'>
335+
<div className='relative flex w-fit items-center pl-2'>
336336
{!openStates[group.id || `${group.type}_${index}`] && group.actors.slice(0, maxAvatars).map((actor: ActorProperties) => (
337337
<APAvatar
338338
key={actor.id}

0 commit comments

Comments
 (0)