fix: styled name prop should just be max width

pull/3083/head
William Grant 1 year ago
parent 64d5ccd869
commit 1e309a19c2

@ -53,14 +53,14 @@ const StyledInfo = styled.div`
min-width: 0; min-width: 0;
`; `;
const StyledName = styled.span<{ maxNameWidth?: string }>` const StyledName = styled.span<{ maxName?: string }>`
font-weight: bold; font-weight: bold;
margin-inline-start: var(--margins-md); margin-inline-start: var(--margins-md);
margin-inline-end: var(--margins-md); margin-inline-end: var(--margins-md);
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
${props => props.maxNameWidth && `max-width: ${props.maxNameWidth};`} ${props => props.maxName && `max-width: ${props.maxName};`}
`; `;
const StyledCheckContainer = styled.div` const StyledCheckContainer = styled.div`
@ -120,7 +120,7 @@ export const MemberListItem = (props: {
> >
<StyledInfo> <StyledInfo>
<AvatarItem memberPubkey={pubkey} isAdmin={isAdmin || false} /> <AvatarItem memberPubkey={pubkey} isAdmin={isAdmin || false} />
<StyledName maxNameWidth={maxNameWidth}>{memberName}</StyledName> <StyledName maxName={maxNameWidth}>{memberName}</StyledName>
</StyledInfo> </StyledInfo>
{!inMentions && ( {!inMentions && (

Loading…
Cancel
Save