status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix overflow problems on big texts in Open safe's review view

This commit is contained in:
apanizo 2018-10-10 16:33:39 +02:00
parent 6de2ad13f8
commit b413d90f01
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/routes/open/components/ReviewInformation/index.jsx
View File

@ -38,10 +38,18 @@ const styles = () => ({
owners: { owners: {
padding: lg, padding: lg,
}, },
name: {
textOverflow: 'ellipsis',
overflow: 'hidden',
whiteSpace: 'nowrap',
},
owner: { owner: {
padding: md, padding: md,
alignItems: 'center', alignItems: 'center',
}, },
user: {
justifyContent: 'left',
},
open: { open: {
paddingLeft: sm, paddingLeft: sm,
width: 'auto', width: 'auto',
@ -79,7 +87,7 @@ const ReviewComponent = ({ values, classes, network }: Props) => {
<Paragraph size="sm" color="disabled" noMargin> <Paragraph size="sm" color="disabled" noMargin>
Name of new Safe Name of new Safe
</Paragraph> </Paragraph>
<Paragraph size="lg" color="primary" noMargin weight="bolder"> <Paragraph size="lg" color="primary" noMargin weight="bolder" className={classes.name}>
{values[FIELD_NAME]} {values[FIELD_NAME]}
</Paragraph> </Paragraph>
</Block> </Block>
@ -107,9 +115,9 @@ const ReviewComponent = ({ values, classes, network }: Props) => {
<Identicon address={addresses[index]} diameter={32} /> <Identicon address={addresses[index]} diameter={32} />
</Col> </Col>
<Col xs={11}> <Col xs={11}>
<Block> <Block className={classes.name}>
<Paragraph size="lg" noMargin>{name}</Paragraph> <Paragraph size="lg" noMargin >{name}</Paragraph>
<Block align="center"> <Block align="center" className={classes.user}>
<Paragraph size="md" color="disabled" noMargin>{addresses[index]}</Paragraph> <Paragraph size="md" color="disabled" noMargin>{addresses[index]}</Paragraph>
<OpenInNew <OpenInNew
className={classes.open} className={classes.open}