d3v1l/matrixion
1
0
Fork 0
mirror of https://github.com/Nheko-Reborn/nheko.git synced 2024-11-22 11:00:48 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Render custom reactions

Browse source
This commit is contained in:
Nicolas Werner 2023-05-27 03:10:02 +02:00
parent f48c696baf
commit 2f1b3519d3
No known key found for this signature in database
GPG key ID: C8D75E610773F2D9
1 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
resources/qml/Reactions.qml
View file

@ -26,8 +26,6 @@ Flow {
id: reaction id: reaction
hoverEnabled: true hoverEnabled: true
implicitWidth: contentItem.childrenRect.width + contentItem.leftPadding * 2
implicitHeight: contentItem.childrenRect.height
ToolTip.visible: hovered ToolTip.visible: hovered
ToolTip.delay: Nheko.tooltipDelay ToolTip.delay: Nheko.tooltipDelay
onClicked: { onClicked: {
@ -42,12 +40,11 @@ Flow {
return modelData.displayKey + "\n" + modelData.users; return modelData.displayKey + "\n" + modelData.users;
}) })
} }
leftPadding: textMetrics.height / 2
rightPadding: textMetrics.height / 2
contentItem: Row { contentItem: Row {
anchors.centerIn: parent spacing: textMetrics.height / 4
spacing: reactionText.implicitHeight / 4
leftPadding: reactionText.implicitHeight / 2
rightPadding: reactionText.implicitHeight / 2
TextMetrics { TextMetrics {
id: textMetrics id: textMetrics
@ -74,6 +71,15 @@ Flow {
font.family: Settings.emojiFont font.family: Settings.emojiFont
color: (reaction.hovered || modelData.selfReactedEvent !== '') ? Nheko.colors.highlightedText: Nheko.colors.text color: (reaction.hovered || modelData.selfReactedEvent !== '') ? Nheko.colors.highlightedText: Nheko.colors.text
maximumLineCount: 1 maximumLineCount: 1
visible: !modelData.key.startsWith("mxc://")
}
Image {
anchors.verticalCenter: divider.verticalCenter
height: textMetrics.height
width: textMetrics.height
source: modelData.key.startsWith("mxc://") ? (modelData.key.replace("mxc://", "image://MxcImage/") + "?scale") : ""
visible: modelData.key.startsWith("mxc://")
fillMode: Image.PreserveAspectFit
} }
Rectangle { Rectangle {