fix(StatusMessage): maek the emoji reactions buttons bigger

- and rework the context menu to ContextMenu + TapHandler
- use edge-to-edge separators in the profile context menu

Author: caybro

ui/StatusQ/src/StatusQ/Components/StatusMessage.qml

@@ -45,7 +45,6 @@ Control {
     property var statusChatInput
     property alias linksComponent: linksLoader.sourceComponent
     property alias invitationComponent: invitationBubbleLoader.sourceComponent
-    property alias mouseArea: mouseArea
 
     property string pinnedMsgInfoText: ""
 
@@ -192,11 +191,6 @@ Control {
         implicitWidth: messageLayout.implicitWidth
         implicitHeight: messageLayout.implicitHeight
 
-        StatusMouseArea {
-            id: mouseArea
-            anchors.fill: parent
-        }
-
         ColumnLayout {
             id: messageLayout
             anchors.fill: parent

ui/StatusQ/src/StatusQ/Components/private/statusMessage/StatusMessageEmojiReactions.qml

@@ -46,15 +46,19 @@ Flow {
     Repeater {
         model: root.reactionsModel
 
-        Button {
+        StatusButton {
             id: reactionDelegate
 
-            verticalPadding: Theme.halfPadding
+            size: StatusBaseButton.Size.Small
+            implicitHeight: 32
+
+            verticalPadding: Theme.halfPadding / 2
             leftPadding: Theme.halfPadding
             rightPadding: Theme.halfPadding / 2
             spacing: Theme.halfPadding / 2
 
             background: Rectangle {
+                implicitWidth: 36
                 radius: Theme.radius
                 color: {
                     if (reactionDelegate.hovered) {
@@ -111,7 +115,7 @@ Flow {
         // We use a MouseArea because we need to pass the mouse event to the signal
         StatusMouseArea {
             anchors.fill: parent
-            cursorShape: !root.limitReached ? Qt.PointingHandCursor : Qt.ArrowCursor
+            cursorShape: !root.limitReached ? Qt.PointingHandCursor : Qt.ForbiddenCursor
             onClicked: (mouse) => {
                 mouse.accepted = true
                 if (root.limitReached)

ui/imports/shared/controls/chat/EmojiReaction.qml

@@ -26,8 +26,8 @@ Rectangle {
     StatusEmoji {
         id: statusEmoji
         anchors.centerIn: parent
-        width: Theme.fontSize24
-        height: Theme.fontSize24
+        width: Theme.fontSize22
+        height: Theme.fontSize22
         emojiId: root.emojiId
     }
 

ui/imports/shared/views/chat/MessageView.qml

@@ -1,4 +1,5 @@
 import QtQuick
+import QtQuick.Controls
 import QtQuick.Window
 import QtQuick.Layouts
 import QtModelsToolkit
@@ -219,7 +220,7 @@ Loader {
         profileContextMenuComponent.createObject(root, params).popup(x, y)
     }
 
-    function openMessageContextMenu(x, y) {
+    function openMessageContextMenu(pos) {
         if (isViewMemberMessagesePopup || placeholderMessage || !root.joined)
             return
 
@@ -241,7 +242,7 @@ Loader {
             editRestricted: root.editRestricted,
         }
 
-        messageContextMenuComponent.createObject(root, params).popup(x, y)
+        messageContextMenuComponent.createObject(root, params).popup(pos)
     }
 
     function setMessageActive(messageId, active) {
@@ -878,9 +879,10 @@ Loader {
                     root.messageStore.resendMessage(root.messageId)
                 }
 
-                mouseArea {
-                    acceptedButtons: Qt.RightButton
-                    onClicked: mouse => root.openMessageContextMenu(mouse.x, mouse.y)
+                ContextMenu.onRequested: pos => root.openMessageContextMenu(pos)
+                TapHandler {
+                    acceptedDevices: PointerDevice.TouchScreen
+                    onLongPressed: root.openMessageContextMenu(point.pressPosition)
                 }
 
                 messageDetails: StatusMessageDetails {

ui/imports/shared/views/chat/ProfileContextMenu.qml

@@ -66,6 +66,7 @@ StatusMenu {
     StatusMenuSeparator {
         visible: root.profileType !== Constants.profileType.bridged
         topPadding: root.topPadding
+        horizontalPadding: 0
     }
 
     ViewProfileMenuItem {
@@ -129,6 +130,7 @@ StatusMenu {
         topPadding: root.topPadding
         visible: root.profileType !== Constants.profileType.bridged &&
                  (removeNicknameAction.enabled || unblockAction.enabled || markUntrustworthyMenuItem.enabled || removeUntrustworthyMarkMenuItem.enabled || removeContactAction.enabled || blockMenuItem.enabled)
+        horizontalPadding: 0
     }
 
     // Remove Nickname