Start working on bubble delegate

resources/qml/MessageView.qml

@@ -59,11 +59,17 @@ Item {
         spacing: 2
         verticalLayoutDirection: ListView.BottomToTop
 
-        delegate: TimelineDefaultMessageStyle {
-            messageActions: messageActionsC
-            messageContextMenu: messageContextMenuC
-            scrolledToThis: eventId === room.scrollTarget && (y + height > chat.y + chat.contentY && y < chat.y + chat.height + chat.contentY)
+        Component {
+            id: defaultMessageStyle
+
+            TimelineDefaultMessageStyle {
+                messageActions: messageActionsC
+                messageContextMenu: messageContextMenuC
+                scrolledToThis: eventId === room.scrollTarget && (y + height > chat.y + chat.contentY && y < chat.y + chat.height + chat.contentY)
+            }
         }
+
+        delegate: defaultMessageStyle
         footer: Item {
             anchors.horizontalCenter: parent.horizontalCenter
             anchors.margins: Nheko.paddingLarge

resources/qml/delegates/Reply.qml

@@ -24,7 +24,7 @@ AbstractButton {
     property string userName: eventId ? room.dataById(eventId, Room.UserName, "") : ""
     implicitHeight: replyContainer.implicitHeight
     implicitWidth: replyContainer.implicitWidth
-    property int maxWidth
+    required property int maxWidth
 
     NhekoCursorShape {
         anchors.fill: parent
@@ -61,11 +61,13 @@ AbstractButton {
                 id: colorline
 
                 width: 4
+                height: content.height
 
                 color: TimelineManager.userColor(r.userId, palette.base)
             }
 
             Column {
+                id: content
                 spacing: 0
 
                 AbstractButton {