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) => { render={(props) => {
return ( return (
<Col width="100%" p={4} alignItems="center" maxWidth="768px"> <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} /> <LinkSubmit s3={s3} name={name} ship={ship.slice(1)} api={api} />
</Row> </Row>
{Array.from(graph.values()).map((node: GraphNode) => { {Array.from(graph.values()).map((node: GraphNode) => {

View File

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

View File

@ -191,7 +191,7 @@ export class LinkSubmit extends Component<LinkSubmitProps, LinkSubmitState> {
return ( return (
<div <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)} onDragEnter={this.onDragEnter.bind(this)}
onDragOver={e => { onDragOver={e => {
e.preventDefault(); e.preventDefault();