Size reply background by contents

2 files changed, 10 insertions, 1 deletions

diff --git a/resources/qml/delegates/MessageDelegate.qml b/resources/qml/delegates/MessageDelegate.qml

index daeb61d6..ff103459 100644
--- a/resources/qml/delegates/MessageDelegate.qml
+++ b/resources/qml/delegates/MessageDelegate.qml
@@ -11,6 +11,7 @@ Item {
 	property alias modelData: model.data
 
 	height: chooser.childrenRect.height
+	property real implicitWidth: (chooser.child && chooser.child.implicitWidth) ? chooser.child.implicitWidth : width
 
 	DelegateChooser {
 		id: chooser
diff --git a/resources/qml/delegates/Reply.qml b/resources/qml/delegates/Reply.qml

index 06804328..c5ac0ca3 100644
--- a/resources/qml/delegates/Reply.qml
+++ b/resources/qml/delegates/Reply.qml
@@ -54,5 +54,13 @@ Rectangle {
 		}
 	}
 
-	color: Qt.rgba(userColor.r, userColor.g, userColor.b, 0.2)
+	color: "transparent"
+
+	Rectangle {
+		id: backgroundItem
+		z: -1
+		height: replyContainer.height
+		width: Math.min(Math.max(reply.implicitWidth, userName.implicitWidth) + 8 + 4, parent.width)
+		color: Qt.rgba(userColor.r, userColor.g, userColor.b, 0.2)
+	}
 }