Make reactions flexible to fix overflow issues

This commit is contained in:
Henry Hiles 2026-04-13 09:39:59 -04:00
commit b93f4c979c
Signed by: Henry-Hiles
SSH key fingerprint: SHA256:VKQUdS31Q90KvX7EkKMHMBpUspcmItAh86a+v7PGiIs

View file

@ -31,8 +31,7 @@ class ReactionRow extends ConsumerWidget {
builder: (context) {
final enabled = useState(true);
final selected = reactors.contains(clientState!.userId);
return SizedBox(
child: Tooltip(
return Tooltip(
message: reactors.join(", "),
child: ChoiceChip(
showCheckmark: false,
@ -41,7 +40,8 @@ class ReactionRow extends ConsumerWidget {
mainAxisSize: MainAxisSize.min,
spacing: 8,
children: [
reaction.startsWith("mxc://")
Flexible(
child: reaction.startsWith("mxc://")
? Image(
height: 20,
image: CachedNetworkImage(
@ -56,8 +56,15 @@ class ReactionRow extends ConsumerWidget {
),
),
)
: Text(reaction),
Text(reactors.length.toString()),
: Text(
reaction,
overflow: TextOverflow.ellipsis,
),
),
Text(
reactors.length.toString(),
overflow: TextOverflow.ellipsis,
),
],
),
onSelected: enabled.value
@ -99,7 +106,6 @@ class ReactionRow extends ConsumerWidget {
}
: null,
),
),
);
},
),