Match reaction alignment to message alignment. (#344)

* Match reaction alignment to message alignment.

* Add extra padding for clearer bubble alignment.
This commit is contained in:
Doug
2022-11-28 11:54:00 +00:00
committed by GitHub
parent 232430ac95
commit bd530333df
2 changed files with 4 additions and 3 deletions
@@ -43,11 +43,11 @@ struct TimelineItemBubbledStylerView<Content: View>: View {
}
}
.padding(.trailing, 16)
.padding(.leading, 16)
.padding(.leading, 56)
} else {
styledContentWithReactions
.padding(.leading, 24)
.padding(.trailing, 24)
.padding(.trailing, 56)
}
}
}
@@ -82,7 +82,7 @@ struct TimelineItemBubbledStylerView<Content: View>: View {
if !timelineItem.properties.reactions.isEmpty {
TimelineReactionsView(reactions: timelineItem.properties.reactions,
alignment: .leading) { key in
alignment: alignment) { key in
context.send(viewAction: .sendReaction(key: key, eventID: timelineItem.id))
}
.padding(.horizontal, 12)
+1
View File
@@ -0,0 +1 @@
Reactions: Match alignment with the message to fix random floating reactions.