interface: fix text overflow and cutoff in profile overlay
@@ -168,11 +168,11 @@ class ProfileOverlay extends PureComponent<ProfileOverlayProps, {}> {
<Box alignSelf="center" height="72px">
{img}
</Box>
- <Col height="3rem" alignItems="end" justifyContent="flex-end">
+ <Col alignItems="end" justifyContent="flex-end" overflow="hidden">
+ <Row width="100%" >
<Text
fontWeight='600'
mono={!showNickname}
- display='block'
textOverflow='ellipsis'
overflow='hidden'
whiteSpace='pre'
@@ -180,6 +180,7 @@ class ProfileOverlay extends PureComponent<ProfileOverlayProps, {}> {
>
{showNickname ? contact.nickname : cite(ship)}
</Text>
+ </Row>
{ isOwn ? (
<ProfileStatus
api={this.props.api}
