MessageListView: add border to message bubble when there is a reply

Change-Id: I461a8ecb4ea064b9b22dd1db7a96a71eb8082321

src/app/commoncomponents/MessageBubble.qml

@@ -27,6 +27,17 @@ Rectangle {
     property bool out: true
     property int type: MsgSeq.single
     property bool isReply: false
+
+    Rectangle {
+        id: maskReplyBorder
+        anchors.fill: parent
+        anchors.margins: -1
+        radius: 5
+        color: "transparent"
+        border.color: JamiTheme.chatviewBgColor
+        border.width: isReply ? 2 : 0
+    }
+
     Rectangle {
         id: mask
         visible: type !== MsgSeq.single && !isReply

src/app/commoncomponents/SBSMessageBase.qml

@@ -176,7 +176,7 @@ Control {
                     id: replyBubble
 
                     z: -2
-                    color: replyItem.isSelf ? Qt.lighter(CurrentConversation.color, 1.15) : Qt.lighter(JamiTheme.messageInBgColor, 1.05)
+                    color: replyItem.isSelf ? CurrentConversation.color : JamiTheme.messageInBgColor
                     radius: msgRadius
 
                     Layout.preferredWidth: replyToRow.width + 2*JamiTheme.preferredMarginSize
@@ -351,7 +351,6 @@ Control {
 
                     width: Type === Interaction.Type.TEXT && !isEdited ? root.textContentWidth : innerContent.childrenRect.width
                     height: innerContent.childrenRect.height + (visible ? root.extraHeight : 0)
-
                 }