Improve the look of reactions

- Always show the reaction counts. Element does this too and it makes sure
the look is consistent, no matter how many reactions there are.
- Show a slight border around the background to make the transition to
non-reaction less "grainy"
This commit is contained in:
Bart Ribbers
2021-02-04 17:57:25 +01:00
parent 66bcc2105a
commit 465334e23f

View File

@@ -22,7 +22,7 @@ Flow {
contentItem: Label {
horizontalAlignment: Text.AlignHCenter
text: modelData.reaction + (modelData.count > 1 ? " " + modelData.count : "")
text: modelData.reaction + " " + modelData.count
}
padding: Kirigami.Units.smallSpacing
@@ -31,6 +31,8 @@ Flow {
radius: height / 2
Kirigami.Theme.colorSet: Kirigami.Theme.Button
color: checked ? Kirigami.Theme.positiveBackgroundColor : Kirigami.Theme.backgroundColor
border.color: checked ? Kirigami.Theme.positiveTextColor : Kirigami.Theme.textColor
border.width: 1
}
checkable: true