Improve TypingMembersBar

src/qml/Chat/Chat.qml

@@ -55,7 +55,10 @@ HColumnLayout {
                 Layout.fillHeight: true
             }
 
-            TypingMembersBar {}
+            TypingMembersBar {
+                Layout.fillWidth: true
+                //Layout.preferredHeight: text ? implicitHeight : 0
+            }
 
             InviteBanner {
                 visible: category === "Invites"

src/qml/Chat/SendBox.qml

@@ -27,6 +27,7 @@ HRectangle {
         HScrollableTextArea {
             Layout.fillHeight: true
             Layout.fillWidth: true
+            Layout.topMargin: Math.max(0, root.Layout.minimumHeight - 34)
 
             id: textArea
             placeholderText: qsTr("Type a message...")

src/qml/Chat/Timeline/EventDelegate.qml

@@ -75,12 +75,6 @@ Column {
         width: roomEventDelegate.width
     }
 
-    Item { // TODO: put this in Daybreak.qml?
-        visible: dayBreak
-        width: parent.width
-        height: topPadding
-    }
-
     EventContent {
         anchors.right: isOwn ? parent.right : undefined
     }

src/qml/Chat/Timeline/EventList.qml

@@ -3,6 +3,8 @@ import SortFilterProxyModel 0.2
 import "../../Base"
 
 HRectangle {
+    property alias listView: roomEventListView
+
     property int space: 8
 
     color: HStyle.chat.roomEventList.background

src/qml/Chat/TypingMembersBar.qml

@@ -3,17 +3,30 @@ import QtQuick.Layouts 1.3
 import "../Base"
 
 HRectangle {
+    property alias label: typingLabel
+
+    implicitWidth: childrenRect.width
+    implicitHeight: typingLabel.text ? childrenRect.height : 0
     color: HStyle.chat.typingMembers.background
 
-    Layout.fillWidth: true
-    Layout.preferredHeight: usersLabel.text ? usersLabel.implicitHeight : 0
+    Row {
+        spacing: 8
+        leftPadding: spacing
+        rightPadding: spacing
+        topPadding: 2
+        bottomPadding: 2
 
-    HLabel {
-        id: usersLabel
-        anchors.fill: parent
+        HIcon {
+            svgName: "typing"  // TODO: animate
+            height: typingLabel.height
+        }
 
-        text: chatPage.roomInfo.typingText
-        elide: Text.ElideMiddle
-        maximumLineCount: 1
+        HLabel {
+            id: typingLabel
+            text: chatPage.roomInfo.typingText
+            textFormat: Text.StyledText
+            elide: Text.ElideMiddle
+            maximumLineCount: 1
+        }
     }
 }