From 6c37f219badd2dd4208cbec35e565daf41502500 Mon Sep 17 00:00:00 2001 From: Marcus Hoffmann Date: Thu, 16 Feb 2023 16:48:27 +0100 Subject: [PATCH] MessageView: improve styling of presence status Significantly reduce the font size as to visually indicate this is additional information and not part of the username or message text. Align the text with the username field besides it. Signed-off-by: Marcus Hoffmann --- resources/qml/MessageView.qml | 3 +++ 1 file changed, 3 insertions(+) diff --git a/resources/qml/MessageView.qml b/resources/qml/MessageView.qml index 7f39791f..5309fcf4 100644 --- a/resources/qml/MessageView.qml +++ b/resources/qml/MessageView.qml @@ -348,6 +348,7 @@ Item { } property int remainingWidth: chat.delegateMaxWidth - spacing - messageUserAvatar.width AbstractButton { + id: userNameButton contentItem: ElidedLabel { id: userName_ fullText: userName @@ -373,12 +374,14 @@ Item { Label { id: statusMsg + anchors.baseline: userNameButton.baseline color: Nheko.colors.buttonText text: Presence.userStatus(userId) textFormat: Text.PlainText elide: Text.ElideRight width: userInfo.remainingWidth - userName_.width - parent.spacing font.italic: true + font.pointSize: fontMetrics.font.pointSize * 0.8 Connections { target: Presence