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(.trailing, 16)
.padding(.leading, 16) .padding(.leading, 56)
} else { } else {
styledContentWithReactions styledContentWithReactions
.padding(.leading, 24) .padding(.leading, 24)
.padding(.trailing, 24) .padding(.trailing, 56)
} }
} }
} }
@@ -82,7 +82,7 @@ struct TimelineItemBubbledStylerView<Content: View>: View {
if !timelineItem.properties.reactions.isEmpty { if !timelineItem.properties.reactions.isEmpty {
TimelineReactionsView(reactions: timelineItem.properties.reactions, TimelineReactionsView(reactions: timelineItem.properties.reactions,
alignment: .leading) { key in alignment: alignment) { key in
context.send(viewAction: .sendReaction(key: key, eventID: timelineItem.id)) context.send(viewAction: .sendReaction(key: key, eventID: timelineItem.id))
} }
.padding(.horizontal, 12) .padding(.horizontal, 12)
+1
View File
@@ -0,0 +1 @@
Reactions: Match alignment with the message to fix random floating reactions.