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