diff --git a/ui/modules/Linphone/Chat/Chat.qml b/ui/modules/Linphone/Chat/Chat.qml index 088cb40d9..eabd22b92 100644 --- a/ui/modules/Linphone/Chat/Chat.qml +++ b/ui/modules/Linphone/Chat/Chat.qml @@ -137,7 +137,7 @@ Rectangle { ChatStyle.entry.message.extraContent.spacing + ChatStyle.entry.message.extraContent.rightMargin + ChatStyle.entry.message.extraContent.leftMargin + - ChatStyle.entry.message.outgoing.sendIconSize + ChatStyle.entry.message.outgoing.areaSize } color: ChatStyle.color diff --git a/ui/modules/Linphone/Chat/FileMessage.qml b/ui/modules/Linphone/Chat/FileMessage.qml index bed16152c..f1a48392f 100644 --- a/ui/modules/Linphone/Chat/FileMessage.qml +++ b/ui/modules/Linphone/Chat/FileMessage.qml @@ -284,6 +284,8 @@ Row { id: icon Icon { + anchors.centerIn: parent + icon: rectangle.isNotDelivered ? 'chat_error' : (rectangle.isRead ? 'chat_read' : 'chat_delivered') @@ -299,12 +301,22 @@ Row { Component { id: indicator - BusyIndicator {} + + Item { + anchors.fill: parent + + BusyIndicator { + anchors.centerIn: parent + + height: ChatStyle.entry.message.outgoing.busyIndicatorSize + width: ChatStyle.entry.message.outgoing.busyIndicatorSize + } + } } Loader { height: ChatStyle.entry.lineHeight - width: ChatStyle.entry.message.outgoing.sendIconSize + width: ChatStyle.entry.message.outgoing.areaSize sourceComponent: $chatEntry.isOutgoing ? ( diff --git a/ui/modules/Linphone/Chat/OutgoingMessage.qml b/ui/modules/Linphone/Chat/OutgoingMessage.qml index c5e63a329..6bb6b3f1d 100644 --- a/ui/modules/Linphone/Chat/OutgoingMessage.qml +++ b/ui/modules/Linphone/Chat/OutgoingMessage.qml @@ -62,12 +62,22 @@ Item { Component { id: indicator - BusyIndicator {} + + Item { + anchors.fill: parent + + BusyIndicator { + anchors.centerIn: parent + + height: ChatStyle.entry.message.outgoing.busyIndicatorSize + width: ChatStyle.entry.message.outgoing.busyIndicatorSize + } + } } Loader { height: ChatStyle.entry.lineHeight - width: ChatStyle.entry.message.outgoing.sendIconSize + width: ChatStyle.entry.message.outgoing.areaSize sourceComponent: $chatEntry.status === ChatModel.MessageStatusInProgress ? indicator diff --git a/ui/modules/Linphone/Styles/Chat/ChatStyle.qml b/ui/modules/Linphone/Styles/Chat/ChatStyle.qml index b6afcea10..4d129b921 100644 --- a/ui/modules/Linphone/Styles/Chat/ChatStyle.qml +++ b/ui/modules/Linphone/Styles/Chat/ChatStyle.qml @@ -122,6 +122,8 @@ QtObject { property QtObject outgoing: QtObject { property color backgroundColor: Colors.e + property int areaSize: 16 + property int busyIndicatorSize: 16 property int sendIconSize: 12 property QtObject text: QtObject {