fixup! fixup! fixup! fix: reduce bubble message width

linagora · Aug 25, 2023 · 88b13a8 · 88b13a8
1 parent 6897b14
commit 88b13a8
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/lib/pages/chat/events/message.dart b/lib/pages/chat/events/message.dart
@@ -7,8 +7,6 @@ import 'package:fluffychat/pages/chat/events/message_reactions.dart';
 import 'package:fluffychat/pages/chat/events/message_time.dart';
 import 'package:fluffychat/pages/chat/sticky_timstamp_widget.dart';
 import 'package:fluffychat/utils/date_time_extension.dart';
-import 'package:fluffychat/utils/extension/build_context_extension.dart';
-import 'package:fluffychat/utils/responsive/responsive_utils.dart';
 import 'package:fluffychat/widgets/avatar/avatar.dart';
 import 'package:fluffychat/widgets/matrix.dart';
 import 'package:fluffychat/widgets/swipeable.dart';
@@ -121,13 +119,7 @@ class Message extends StatelessWidget {
                 //   ReplyIconWidget(isOwnMessage: ownMessage),
                 Container(
                   constraints: BoxConstraints(
-                    maxWidth: context.responsiveValue<double>(
-                      desktop: ResponsiveUtils.maxMessageBubbleLargeWidth,
-                      tablet: ResponsiveUtils.maxMessageBubbleLargeWidth,
-                      mobile: MediaQuery.of(context).size.width *
-                          ResponsiveUtils.maxMessageBubbleMobileRatioWidth,
-                      watch: ResponsiveUtils.maxMessageBubbleWatchWidth,
-                    ),
+                    maxWidth: MessageStyle.messageBubbleWidth(context),
                   ),
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,

diff --git a/lib/pages/chat/events/message/message_style.dart b/lib/pages/chat/events/message/message_style.dart
@@ -1,5 +1,7 @@
 import 'package:fluffychat/config/app_config.dart';
 import 'package:flutter/material.dart';
+import 'package:fluffychat/utils/responsive/responsive_utils.dart';
+import 'package:fluffychat/utils/extension/build_context_extension.dart';
 
 class MessageStyle {
   static final bubbleBorderRadius = BorderRadius.circular(20);
@@ -47,4 +49,14 @@ class MessageStyle {
   static double get forwardContainerSize => 40.0;
   static Color? forwardColorBackground(context) =>
       Theme.of(context).colorScheme.surfaceTint.withOpacity(0.08);
+
+  static double messageBubbleWidth(BuildContext context) {
+    return context.responsiveValue<double>(
+      desktop: ResponsiveUtils.maxMessageBubbleLargeWidth,
+      tablet: ResponsiveUtils.maxMessageBubbleLargeWidth,
+      mobile: MediaQuery.of(context).size.width *
+          ResponsiveUtils.maxMessageBubbleMobileRatioWidth,
+      watch: ResponsiveUtils.maxMessageBubbleWatchWidth,
+    );
+  }
 }