interface: truncate group title

This commit is contained in:
Liam Fitzgerald 2021-02-05 09:07:28 +10:00
parent 0f05d3c953
commit f508cd923e
No known key found for this signature in database
GPG Key ID: D390E12C61D1CFFB
2 changed files with 5 additions and 5 deletions

View File

@ -167,11 +167,9 @@ export function GroupSwitcher(props: {
}
>
<Row flexGrow={1} alignItems="center" width='100%' minWidth='0' flexShrink={0}>
{ metadata && <MetadataIcon mr="2" border="1" borderColor="lightGray" borderRadius="1" metadata={metadata} height="24px" width="24px" /> }
<Row justifyContent="space-between" mr={1} flexShrink={0} flexGrow={1} minWidth='0'>
<Text lineHeight="1.1" fontSize='2' fontWeight="700" overflow='hidden' display='inline-block' flexShrink='1' style={{ textOverflow: 'ellipsis', whiteSpace: 'pre' }}>{title}</Text>
{ metadata && <MetadataIcon flexShrink={0} mr="2" border="1" borderColor="lightGray" borderRadius="1" metadata={metadata} height="24px" width="24px" /> }
<Text flexShrink={1} lineHeight="1.1" fontSize='2' fontWeight="700" overflow='hidden' display='inline-block' flexShrink='1' style={{ textOverflow: 'ellipsis', whiteSpace: 'pre' }}>{title}</Text>
</Row>
</Row>
</Dropdown>
<Row pr='3' verticalAlign="middle">
{(workspace.type === 'group') && (

View File

@ -48,7 +48,9 @@ export function Skeleton(props: SkeletonProps) {
return (
<Body
display="grid"
gridTemplateColumns={['100%', '250px 1fr']}
gridTemplateColumns={
['100%', 'minmax(150px, 1fr) 3fr', 'minmax(250px, 1fr) 4fr']
}
gridTemplateRows="100%"
>
<Sidebar