File tree Expand file tree Collapse file tree 3 files changed +6
-5
lines changed
conversation/message/message-content Expand file tree Collapse file tree 3 files changed +6
-5
lines changed Original file line number Diff line number Diff line change 2
2
"name" : " session-desktop" ,
3
3
"productName" : " Session" ,
4
4
"description" : " Private messaging from your desktop" ,
5
- "version" : " 1.10.0 " ,
5
+ "version" : " 1.10.1 " ,
6
6
"license" : " GPL-3.0" ,
7
7
"author" : {
8
8
"name" : " Oxen Labs" ,
Original file line number Diff line number Diff line change @@ -21,8 +21,8 @@ const StyledMessageReactionsContainer = styled(Flex)<{ x: number; y: number }>`
21
21
}
22
22
` ;
23
23
24
- export const StyledMessageReactions = styled ( Flex ) < { inModal : boolean } > `
25
- ${ props => ( props . inModal ? '' : 'max-width: 320px ;' ) }
24
+ export const StyledMessageReactions = styled ( Flex ) < { fullWidth : boolean } > `
25
+ ${ props => ( props . fullWidth ? '' : 'max-width: 640px ;' ) }
26
26
` ;
27
27
28
28
const StyledReactionOverflow = styled . button `
@@ -63,7 +63,7 @@ const Reactions = (props: ReactionsProps): ReactElement => {
63
63
container = { true }
64
64
flexWrap = { inModal ? 'nowrap' : 'wrap' }
65
65
alignItems = { 'center' }
66
- inModal = { inModal }
66
+ fullWidth = { inModal }
67
67
>
68
68
{ reactions . map ( ( [ emoji , _ ] ) => (
69
69
< Reaction key = { `${ messageId } -${ emoji } ` } emoji = { emoji } { ...props } />
@@ -83,7 +83,7 @@ const CompressedReactions = (props: ExpandReactionsProps): ReactElement => {
83
83
container = { true }
84
84
flexWrap = { inModal ? 'nowrap' : 'wrap' }
85
85
alignItems = { 'center' }
86
- inModal = { inModal }
86
+ fullWidth = { true }
87
87
>
88
88
{ reactions . slice ( 0 , 4 ) . map ( ( [ emoji , _ ] ) => (
89
89
< Reaction key = { `${ messageId } -${ emoji } ` } emoji = { emoji } { ...props } />
Original file line number Diff line number Diff line change @@ -55,6 +55,7 @@ const StyledReactionBar = styled(Flex)`
55
55
span:nth-child(1) {
56
56
margin: 0 8px;
57
57
color: var(--color-text);
58
+ white-space: nowrap;
58
59
}
59
60
60
61
span:nth-child(2) {
You can’t perform that action at this time.
0 commit comments