Re-Quest/mobile-app
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: wrap chat bubble content in IntrinsicWidth to prevent unnecessary stretching for short messages

Browse Source
This commit is contained in:
pradeepkumar
2026-04-20 09:18:58 +05:30
parent dea688194f
commit 0a11d61a6c
1 changed files with 40 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
lib/features/support_chat/presentation/screens/support_chat_screen.dart
View File

@@ -480,46 +480,51 @@ class _SupportChatScreenState extends ConsumerState<SupportChatScreen> {
color: AppColors.primaryDark.withValues(alpha: 0.1),
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (!isOwn)
const Padding(
padding: EdgeInsets.only(bottom: 4),
// IntrinsicWidth shrinks the bubble to the widest child (content or
// time), so short messages like "hi" don't stretch to maxWidth.
child: IntrinsicWidth(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
if (!isOwn)
const Padding(
padding: EdgeInsets.only(bottom: 4),
child: Text(
'Support Team',
style: TextStyle(
fontFamily: 'Fractul',
fontSize: 12,
fontWeight: FontWeight.w600,
color: AppColors.accentOrange,
),
),
),
Text(
msg.content,
style: TextStyle(
fontFamily: 'SourceSerif4',
fontSize: 14,
color: isOwn ? Colors.white : AppColors.primaryDark,
height: 1.4,
),
),
const SizedBox(height: 4),
Align(
alignment: Alignment.bottomRight,
child: Text(
'Support Team',
_formatTime(msg.createdAt),
style: TextStyle(
fontFamily: 'Fractul',
fontSize: 12,
fontWeight: FontWeight.w600,
color: AppColors.accentOrange,
fontFamily: 'SourceSerif4',
fontSize: 11,
color: isOwn
? Colors.white.withValues(alpha: 0.5)
: AppColors.primaryDark.withValues(alpha: 0.4),
),
),
),
Text(
msg.content,
style: TextStyle(
fontFamily: 'SourceSerif4',
fontSize: 14,
color: isOwn ? Colors.white : AppColors.primaryDark,
height: 1.4,
),
),
const SizedBox(height: 4),
Align(
alignment: Alignment.bottomRight,
child: Text(
_formatTime(msg.createdAt),
style: TextStyle(
fontFamily: 'SourceSerif4',
fontSize: 11,
color: isOwn
? Colors.white.withValues(alpha: 0.5)
: AppColors.primaryDark.withValues(alpha: 0.4),
),
),
),
],
],
),
),
),
);