Fix missing back button on spaces page in narrow mode as well as topic not resizing properly

1 files changed, 17 insertions, 4 deletions

diff --git a/resources/qml/TimelineView.qml b/resources/qml/TimelineView.qml

index 7bbb803b..2c7c943a 100644
--- a/resources/qml/TimelineView.qml
+++ b/resources/qml/TimelineView.qml
@@ -129,8 +129,6 @@ Item {
     }
 
     ColumnLayout {
-        id: contentLayout1
-
         visible: room != null && room.isSpace
         enabled: visible
         anchors.fill: parent
@@ -158,9 +156,8 @@ Item {
         }
 
         ScrollView {
-            //Layout.maximumHeight: 75
             Layout.alignment: Qt.AlignHCenter
-            width: parent.width
+            width: timelineView.width - Nheko.paddingLarge * 2
 
             TextArea {
                 text: TimelineManager.escapeEmoji(room ? room.roomTopic : "")
@@ -188,6 +185,22 @@ Item {
 
     }
 
+    ImageButton {
+        id: backToRoomsButton
+
+        anchors.top: parent.top
+        anchors.left: parent.left
+        anchors.margins: Nheko.paddingMedium
+        width: Nheko.avatarSize
+        height: Nheko.avatarSize
+        visible: room != null && room.isSpace && showBackButton
+        enabled: visible
+        image: ":/icons/icons/ui/angle-pointing-to-left.png"
+        ToolTip.visible: hovered
+        ToolTip.text: qsTr("Back to room list")
+        onClicked: Rooms.resetCurrentRoom()
+    }
+
     NhekoDropArea {
         anchors.fill: parent
         roomid: room ? room.roomId() : ""