diff --git a/package.json b/package.json index d61780aff..8c930fa74 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "session-desktop", "productName": "Session", "description": "Private messaging from your desktop", - "version": "1.10.0", + "version": "1.10.1", "license": "GPL-3.0", "author": { "name": "Oxen Labs", diff --git a/ts/components/conversation/message/message-content/MessageReactions.tsx b/ts/components/conversation/message/message-content/MessageReactions.tsx index 8a1d512b4..d42f79cef 100644 --- a/ts/components/conversation/message/message-content/MessageReactions.tsx +++ b/ts/components/conversation/message/message-content/MessageReactions.tsx @@ -21,8 +21,8 @@ const StyledMessageReactionsContainer = styled(Flex)<{ x: number; y: number }>` } `; -export const StyledMessageReactions = styled(Flex)<{ inModal: boolean }>` - ${props => (props.inModal ? '' : 'max-width: 320px;')} +export const StyledMessageReactions = styled(Flex)<{ fullWidth: boolean }>` + ${props => (props.fullWidth ? '' : 'max-width: 640px;')} `; const StyledReactionOverflow = styled.button` @@ -63,7 +63,7 @@ const Reactions = (props: ReactionsProps): ReactElement => { container={true} flexWrap={inModal ? 'nowrap' : 'wrap'} alignItems={'center'} - inModal={inModal} + fullWidth={inModal} > {reactions.map(([emoji, _]) => ( @@ -83,7 +83,7 @@ const CompressedReactions = (props: ExpandReactionsProps): ReactElement => { container={true} flexWrap={inModal ? 'nowrap' : 'wrap'} alignItems={'center'} - inModal={inModal} + fullWidth={true} > {reactions.slice(0, 4).map(([emoji, _]) => ( diff --git a/ts/components/dialog/ReactListModal.tsx b/ts/components/dialog/ReactListModal.tsx index 4c5ac2375..b14e42ad6 100644 --- a/ts/components/dialog/ReactListModal.tsx +++ b/ts/components/dialog/ReactListModal.tsx @@ -55,6 +55,7 @@ const StyledReactionBar = styled(Flex)` span:nth-child(1) { margin: 0 8px; color: var(--color-text); + white-space: nowrap; } span:nth-child(2) {