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

CSS improvement on Review's Open Safe page

This commit is contained in:
apanizo 2018-11-07 16:46:59 +01:00
parent 3021915956
commit c21d70ab86
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,6 @@
// @flow // @flow
import * as React from 'react' import * as React from 'react'
import classNames from 'classnames'
import { getNamesFrom, getAccountsFrom } from '~/routes/open/utils/safeDataExtractor' import { getNamesFrom, getAccountsFrom } from '~/routes/open/utils/safeDataExtractor'
import Block from '~/components/layout/Block' import Block from '~/components/layout/Block'
import { withStyles } from '@material-ui/core/styles' import { withStyles } from '@material-ui/core/styles'
@ -41,6 +42,8 @@ const styles = () => ({
name: { name: {
textOverflow: 'ellipsis', textOverflow: 'ellipsis',
overflow: 'hidden', overflow: 'hidden',
},
userName: {
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
}, },
owner: { owner: {
@ -115,7 +118,7 @@ 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 className={classes.name}> <Block className={classNames(classes.name, classes.userName)}>
<Paragraph size="lg" noMargin >{name}</Paragraph> <Paragraph size="lg" noMargin >{name}</Paragraph>
<Block align="center" className={classes.user}> <Block align="center" className={classes.user}>
<Paragraph size="md" color="disabled" noMargin>{addresses[index]}</Paragraph> <Paragraph size="md" color="disabled" noMargin>{addresses[index]}</Paragraph>