leap: truncate statuses
Fixes urbit/landscape#487
@@ -87,25 +87,29 @@ export class OmniboxResult extends Component {
}
onClick={navigate}
width="100%"
+ justifyContent="space-between"
ref={this.result}
>
+ <Box display="flex" verticalAlign="middle" maxWidth="60%" flexShrink={0}>
{graphic}
<Text
- display="inline-block"
- verticalAlign="middle"
mono={(icon == 'profile' && text.startsWith('~'))}
color={this.state.hovered || selected === link ? 'white' : 'black'}
- maxWidth="60%"
- style={{ flexShrink: 0 }}
mr='1'
>
{text.startsWith("~") ? cite(text) : text}
</Text>
+ </Box>
<Text pr='2'
display="inline-block"
verticalAlign="middle"
color={this.state.hovered || selected === link ? 'white' : 'black'}
width='100%'
+ minWidth={0}
+ textOverflow="ellipsis"
+ whiteSpace="pre"
+ overflow="hidden"
+ maxWidth="40%"
textAlign='right'
>
{subtext}
