links: disable flexshrink on link items

This commit is contained in:
Matilde Park 2020-10-05 12:52:41 -04:00
parent 87f761323f
commit b720029b20
3 changed files with 4 additions and 4 deletions

View File

@ -69,7 +69,7 @@ export function LinkResource(props: LinkResourceProps) {
render={(props) => {
return (
<Col width="100%" p={4} alignItems="center" maxWidth="768px">
<Row width="100%">
<Row width="100%" flexShrink='0'>
<LinkSubmit s3={s3} name={name} ship={ship.slice(1)} api={api} />
</Row>
{Array.from(graph.values()).map((node: GraphNode) => {

View File

@ -36,7 +36,7 @@ export const LinkItem = (props) => {
const baseUrl = props.baseUrl || `/~link/${resource}`;
return (
<Row width="100%" alignItems="center" py={3} bg="white">
<Row flexShrink='0' width="100%" alignItems="center" py={3} bg="white">
{img}
<Col height="100%" justifyContent="space-between" ml={2}>
<Anchor
@ -47,7 +47,7 @@ export const LinkItem = (props) => {
target="_blank"
rel="noopener noreferrer">
<Text> {contents[0].text}</Text>
<Text ml="2" color="gray">{hostname} </Text>
<Text ml="2" color="gray">{hostname} </Text>
</Anchor>
<Box width="100%">
<Text

View File

@ -191,7 +191,7 @@ export class LinkSubmit extends Component<LinkSubmitProps, LinkSubmitState> {
return (
<div
className={`relative ba br1 w-100 mb6 ${focus}`}
className={`flex-shrink-0 relative ba br1 w-100 mb6 ${focus}`}
onDragEnter={this.onDragEnter.bind(this)}
onDragOver={e => {
e.preventDefault();