Show long reaction text in tooltip

If the reaction text is elided, it will be shown in the tooltip.

1 files changed, 8 insertions, 1 deletions

diff --git a/resources/qml/Reactions.qml b/resources/qml/Reactions.qml

index 63115ec0..f79cfe73 100644
--- a/resources/qml/Reactions.qml
+++ b/resources/qml/Reactions.qml
@@ -33,12 +33,19 @@ Flow {
             implicitWidth: contentItem.childrenRect.width + contentItem.leftPadding * 2
             implicitHeight: contentItem.childrenRect.height
             ToolTip.visible: hovered
-            ToolTip.text: modelData.users
             ToolTip.delay: Nheko.tooltipDelay
             onClicked: {
                 console.debug("Picked " + modelData.key + "in response to " + reactionFlow.eventId + ". selfReactedEvent: " + modelData.selfReactedEvent);
                 room.input.reaction(reactionFlow.eventId, modelData.key);
             }
+            Component.onCompleted: {
+                ToolTip.text = Qt.binding(function() {
+                    if (textMetrics.elidedText === textMetrics.text) {
+                        return modelData.users;
+                    }
+                    return modelData.displayKey + "\n" + modelData.users;
+                })
+            }
 
             contentItem: Row {
                 anchors.centerIn: parent