Add highlight on hover

This commit is contained in:
Loren Burkholder 2021-11-13 14:05:27 -05:00
parent 8ca1b93abb
commit d645c43618
2 changed files with 8 additions and 2 deletions

View file

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

View file

@ -92,8 +92,9 @@ ApplicationWindow {
padding: Nheko.paddingMedium padding: Nheko.paddingMedium
width: ListView.view.width width: ListView.view.width
height: memberLayout.implicitHeight height: memberLayout.implicitHeight
hoverEnabled: true
background: Rectangle { background: Rectangle {
color: roomMembersRoot.color color: del.hovered ? Nheko.colors.dark : roomMembersRoot.color
} }
RowLayout { RowLayout {