Add highlight on hover

3 years ago · d645c43618
parent 8ca1b93abb
commit d645c43618
2 changed files with 8 additions and 2 deletions
--- a/resources/qml/dialogs/ReadReceipts.qml
+++ b/resources/qml/dialogs/ReadReceipts.qml
@ -59,13 +59,18 @@ ApplicationWindow {
                model: readReceipts

                delegate: ItemDelegate {
+                    id: del
+
                    onClicked: room.openUserProfile(model.mxid)
                    padding: Nheko.paddingMedium
-                    width: receiptLayout.implicitWidth
+                    width: ListView.view.width
                    height: receiptLayout.implicitHeight
                    hoverEnabled: true
                    ToolTip.visible: hovered
                    ToolTip.text: model.mxid
+                    background: Rectangle {
+                        color: del.hovered ? Nheko.colors.dark : readReceiptsRoot.color
+                    }

                    RowLayout {
                        id: receiptLayout
--- a/resources/qml/dialogs/RoomMembers.qml
+++ b/resources/qml/dialogs/RoomMembers.qml
@ -92,8 +92,9 @@ ApplicationWindow {
                    padding: Nheko.paddingMedium
                    width: ListView.view.width
                    height: memberLayout.implicitHeight
+                    hoverEnabled: true
                    background: Rectangle {
-                        color: roomMembersRoot.color
+                        color: del.hovered ? Nheko.colors.dark : roomMembersRoot.color
                    }

                    RowLayout {