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

landscape: prevent "back" overflow on mobile

Browse Source
This commit is contained in:
Matilde Park 2021-01-21 18:58:06 -05:00
parent 0db868c1a6
commit 71e91458c6
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pkg/interface/src/views/apps/chat/components/ChatMessage.tsx
View File

@ -282,7 +282,7 @@ export const MessageContent = ({ content, contacts, measure, fontSize, group })
url={content.url}
onLoad={measure}
imageProps={{style: {
maxWidth: '18rem',
maxWidth: 'min(100%,18rem)',
display: 'block'
}}}
videoProps={{style: {

5
pkg/interface/src/views/landscape/components/ResourceSkeleton.tsx
View File

@ -72,6 +72,7 @@ export function ResourceSkeleton(props: ResourceSkeletonProps) {
mr={3}
my="1"
display={["block", "none"]}
flexShrink={0}
>
<Link to={`/~landscape${workspace}`}> {"<- Back"}</Link>
</Box>
@ -85,8 +86,8 @@ export function ResourceSkeleton(props: ResourceSkeletonProps) {
{atRoot && (
<>
<Box px={1} mr={2}>
<Text fontSize='2' fontWeight='700' display="inline-block" verticalAlign="middle" textOverflow="ellipsis" overflow="hidden" whiteSpace="pre">
<Box px={1} mr={2} minWidth={0} display="flex">
<Text fontSize='2' fontWeight='700' display="inline-block" verticalAlign="middle" textOverflow="ellipsis" overflow="hidden" whiteSpace="pre" minWidth={0}>
{title}
</Text>
</Box>