✨ Support more mouse related actions

lib/screens/chat.dart

@@ -47,16 +47,19 @@ class ChatListShell extends StatelessWidget {
         direction: Axis.horizontal,
         divider: ResizableDivider(
           thickness: 0.3,
-          color: Theme.of(context).dividerColor,
+          color: Theme.of(context).dividerColor.withOpacity(0.3),
         ),
         children: [
           const ResizableChild(
             minSize: 280,
             maxSize: 520,
-            size: ResizableSize.pixels(320),
+            size: ResizableSize.pixels(360),
             child: ChatList(),
           ),
-          ResizableChild(child: child ?? const EmptyPagePlaceholder()),
+          ResizableChild(
+            minSize: 280,
+            child: child ?? const EmptyPagePlaceholder(),
+          ),
         ],
       ),
     );

lib/widgets/chat/chat_event_list.dart

@@ -1,3 +1,4 @@
+import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_animate/flutter_animate.dart';
 import 'package:get/get.dart';
@@ -34,6 +35,24 @@ class ChatEventList extends StatelessWidget {
     return a.createdAt.difference(b.createdAt).inMinutes <= 3;
   }
 
+  void _openActions(BuildContext context, Event item) {
+    showModalBottomSheet(
+      useRootNavigator: true,
+      context: context,
+      builder: (context) => ChatEventAction(
+        channel: channel,
+        realm: channel.realm,
+        item: item,
+        onEdit: () {
+          onEdit(item);
+        },
+        onReply: () {
+          onReply(item);
+        },
+      ),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     return CustomScrollView(
@@ -65,7 +84,8 @@ class ChatEventList extends StatelessWidget {
 
               final item = chatController.currentEvents[index].data;
 
-              return GestureDetector(
+              return TapRegion(
+                child: GestureDetector(
                   behavior: HitTestBehavior.opaque,
                   child: Builder(builder: (context) {
                     final widget = ChatEvent(
@@ -94,21 +114,15 @@ class ChatEventList extends StatelessWidget {
                     }
                   }),
                   onLongPress: () {
-                  showModalBottomSheet(
+                    _openActions(context, item!);
-                    useRootNavigator: true,
-                    context: context,
-                    builder: (context) => ChatEventAction(
-                      channel: channel,
-                      realm: channel.realm,
-                      item: item!,
-                      onEdit: () {
-                        onEdit(item);
-                      },
-                      onReply: () {
-                        onReply(item);
                   },
                 ),
-                  );
+                onTapInside: (event) {
+                  if (event.buttons == kSecondaryMouseButton) {
+                    _openActions(context, item!);
+                  } else if (event.buttons == kMiddleMouseButton) {
+                    onReply(item!);
+                  }
                 },
               );
             },

lib/widgets/posts/post_action.dart

@@ -91,17 +91,21 @@ class _PostActionState extends State<PostAction> {
 
     setState(() => _isBusy = true);
 
+    final double width = hasMultipleAttachment ? 640 : 480;
+
     final screenshot = ScreenshotController();
     final image = await screenshot.captureFromLongWidget(
       MediaQuery(
-        data: MediaQuery.of(context),
+        data: MediaQuery.of(context).copyWith(
+          size: Size(width, double.infinity),
+        ),
         child: PostShareImage(item: widget.item),
       ),
       context: context,
       pixelRatio: 2,
       constraints: BoxConstraints(
         minWidth: 480,
-        maxWidth: hasMultipleAttachment ? 640 : 480,
+        maxWidth: width,
         minHeight: 640,
         maxHeight: double.infinity,
       ),