urbit/shrub
1
1
Fork 0
mirror of https://github.com/urbit/shrub.git synced 2024-12-19 08:32:39 +03:00
Code Issues Packages Projects Releases Wiki Activity

leap: truncate statuses

Browse Source 
Fixes urbit/landscape#487
This commit is contained in:
Matilde Park 2021-02-25 13:41:17 -05:00
parent e8bbc56c48
commit 6efa47b6cc
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pkg/interface/src/views/components/leap/OmniboxResult.js
View File

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