diff --git a/sandbox/DemoApp.qml b/sandbox/DemoApp.qml index cbacb800..8d92ac98 100644 --- a/sandbox/DemoApp.qml +++ b/sandbox/DemoApp.qml @@ -714,6 +714,15 @@ CExPynn1gWf9bx498P7/nzPcxEzGExhBdJGYihtAYQlO+tUZvqrPbqeudo5iJGEJjCE15a3VtodH3q2I color: "Orange" unreadMessagesCount: 0 } + ListElement { + chatId: "5" + name: "channel-with-a-super-duper-long-name" + chatType: StatusChatListItem.Type.PublicChat + muted: false + hasUnreadMessages: false + color: "green" + unreadMessagesCount: 0 + } } ListModel { diff --git a/src/StatusQ/Components/StatusChatListItem.qml b/src/StatusQ/Components/StatusChatListItem.qml index d5b61a1f..3a3a3909 100644 --- a/src/StatusQ/Components/StatusChatListItem.qml +++ b/src/StatusQ/Components/StatusChatListItem.qml @@ -143,12 +143,16 @@ Rectangle { id: chatName anchors.left: statusIcon.visible ? statusIcon.right : identicon.right anchors.leftMargin: statusIcon.visible ? 1 : 8 + anchors.right: statusBadge.visible ? statusBadge.left : + mutedIcon.visible ? mutedIcon.left : parent.right + anchors.rightMargin: 6 anchors.verticalCenter: parent.verticalCenter text: statusChatListItem.type === StatusChatListItem.Type.PublicChat && !statusChatListItem.name.startsWith("#") ? "#" + statusChatListItem.name : statusChatListItem.name + elide: Text.ElideRight color: { if (statusChatListItem.muted && !sensor.containsMouse && !statusChatListItem.highlighted) { return Theme.palette.directColor5