ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-12-14 17:41:33 +03:00
Code Issues Packages Projects Releases Wiki Activity

links: restore flexbox truncation

Browse Source
This commit is contained in:
Matilde Park 2020-10-05 13:26:47 -04:00
parent dc53e80b23
commit 36adf996e0
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
pkg/interface/src/views/apps/links/components/lib/link-item.js
View File

@ -36,18 +36,19 @@ export const LinkItem = (props) => {
const baseUrl = props.baseUrl || `/~link/${resource}`;
return (
<Row flexShrink='0' width="100%" alignItems="center" py={3} bg="white">
<Row minWidth='0' flexShrink='0' width="100%" alignItems="center" py={3} bg="white">
{img}
<Col height="100%" justifyContent="space-between" ml={2}>
<Col minWidth='0' height="100%" width='100%' justifyContent="space-between" ml={2}>
<Anchor
lineHeight="tall"
display='flex'
style={{ textDecoration: 'none' }}
href={contents[1].url}
width="100%"
target="_blank"
rel="noopener noreferrer">
<Text> {contents[0].text}</Text>
<Text ml="2" color="gray">{hostname} ↗</Text>
<Text display='inline-block' overflow='hidden' style={{ textOverflow: 'ellipsis', whiteSpace: 'pre'}}> {contents[0].text}</Text>
<Text ml="2" color="gray" display='inline-block' flexShrink='0'>{hostname} ↗</Text>
</Anchor>
<Box width="100%">
<Text