Skip to content

Commit 4a8c9ef

Browse files
committed
fix: align message reactions as per message
1 parent aaf5d6b commit 4a8c9ef

File tree

1 file changed

+12
-11
lines changed

1 file changed

+12
-11
lines changed

packages/stream_chat_flutter/lib/src/message_modal/message_reactions_modal.dart

+12-11
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,10 @@ class StreamMessageReactionsModal extends StatelessWidget {
9292
};
9393

9494
return StreamMessageModal(
95+
alignment: switch (reverse) {
96+
true => Alignment.centerRight,
97+
false => Alignment.centerLeft,
98+
},
9599
headerBuilder: (context) {
96100
return Column(
97101
spacing: 10,
@@ -111,17 +115,14 @@ class StreamMessageReactionsModal extends StatelessWidget {
111115
final hasReactions = reactions != null && reactions.isNotEmpty;
112116
if (!hasReactions) return const Empty();
113117

114-
return Column(
115-
mainAxisSize: MainAxisSize.min,
116-
crossAxisAlignment: CrossAxisAlignment.stretch,
117-
children: [
118-
ReactionsCard(
119-
message: message,
120-
currentUser: currentUser,
121-
messageTheme: messageTheme,
122-
onUserAvatarTap: onUserAvatarTap,
123-
),
124-
],
118+
return FractionallySizedBox(
119+
widthFactor: 0.78,
120+
child: ReactionsCard(
121+
message: message,
122+
currentUser: currentUser,
123+
messageTheme: messageTheme,
124+
onUserAvatarTap: onUserAvatarTap,
125+
),
125126
);
126127
},
127128
);

0 commit comments

Comments
 (0)