Merge pull request #5088 from urbit/mp/landscape/flex-collections

collections: fix mobile overflow on detail view
This commit is contained in:
matildepark 2021-07-07 19:36:09 -04:00 committed by GitHub
commit d3dd1dfe48
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -24,7 +24,7 @@ export function LinkDetail(props: LinkDetailProps) {
<LinkBlockItem minWidth="0" minHeight="0" height={['50%', '50%', '100%']} width={['100%', '100%', 'calc(100% - 350px)']} flexGrow={0} border={0} node={node} />
<Col
minHeight="0"
flexShrink={0}
flexShrink={1}
width={['100%', '100%', '350px']}
flexGrow={0}
gapY={[2,4]}
@ -33,7 +33,7 @@ export function LinkDetail(props: LinkDetailProps) {
borderColor={['lightGray', 'lightGray', 'lightGray']}
pt={[2,4]}
>
<Col minHeight="0" px={[3,4]} gapY="2">
<Col minHeight="0" px={[3,4]} gapY="2" flexShrink={0}>
{title.length > 0 ? (
<TruncatedText fontWeight="medium" lineHeight="tall">
{title}