From 48d7a4943b6d79fef15521786429896be6bfe7b1 Mon Sep 17 00:00:00 2001
From: Carl Schwan <carl@carlschwan.eu>
Date: Sun, 8 Nov 2020 20:06:38 +0100
Subject: [PATCH] Add toggle icons for section in room list

---
 qml/RoomListPage.qml | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/qml/RoomListPage.qml b/qml/RoomListPage.qml
index 1c9170f24..ef9c8a94f 100644
--- a/qml/RoomListPage.qml
+++ b/qml/RoomListPage.qml
@@ -48,11 +48,24 @@ Kirigami.ScrollablePage {
         section.property: "category"
         section.delegate: Kirigami.ListSectionHeader {
             id: sectionHeader
-            label: roomListModel.categoryName(section)
-            MouseArea {
-                Layout.fillWidth: true
-                Layout.fillHeight: true
-                onClicked: roomListModel.setCategoryVisible(section, !roomListModel.categoryVisible(section))
+            action: Kirigami.Action {
+                onTriggered: roomListModel.setCategoryVisible(section, !roomListModel.categoryVisible(section))
+            }
+            contentItem: Item {
+                implicitHeight: categoryName.implicitHeight
+                Kirigami.Heading {
+                    id: categoryName
+                    level: 3
+                    text: roomListModel.categoryName(section)
+                }
+                Kirigami.Icon {
+                    source: roomListModel.categoryVisible(section) ? "go-up" : "go-down"
+                    implicitHeight: Kirigami.Units.iconSizes.small
+                    implicitWidth: Kirigami.Units.iconSizes.small
+                    anchors.left: categoryName.right
+                    anchors.leftMargin: Kirigami.Units.largeSpacing
+                    anchors.verticalCenter: parent.verticalCenter
+                }
             }
         }