status-im/embark-area-51
2
0
Fork 0
mirror of https://github.com/status-im/embark-area-51.git synced 2025-01-11 14:34:40 +00:00
Code Issues Projects Releases Wiki Activity

Trim text on widget

Browse Source
This commit is contained in:
Anthony Laibe 2018-10-19 12:50:44 +01:00 committed by Pascal Precht
parent cf460da277
commit 4ca753f38f
No known key found for this signature in database
GPG Key ID: 0EE28D8D6FD85D7D
2 changed files with 3 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
embark-ui/src/components/Processes.js
View File

@ -19,7 +19,7 @@ function iconClasses(state){
} }
const Process = ({process}) => ( const Process = ({process}) => (
<Col sm={6} lg={2}> <Col xs={12} sm={6} md={4} xl={3}>
<Widget02 header={process.name} mainText={process.description} icon={iconClasses(process.state)} color={colorClasses(process.state)} variant="1" /> <Widget02 header={process.name} mainText={process.description} icon={iconClasses(process.state)} color={colorClasses(process.state)} variant="1" />
</Col> </Col>
); );

18
embark-ui/src/components/Widget02.js
View File

@ -10,8 +10,6 @@ const propTypes = {
icon: PropTypes.string, icon: PropTypes.string,
color: PropTypes.string, color: PropTypes.string,
variant: PropTypes.string, variant: PropTypes.string,
footer: PropTypes.bool,
link: PropTypes.string,
children: PropTypes.node, children: PropTypes.node,
className: PropTypes.string, className: PropTypes.string,
cssModule: PropTypes.object, cssModule: PropTypes.object,
@ -46,25 +44,13 @@ class Widget02 extends Component {
return (<i className={classes}></i>); return (<i className={classes}></i>);
}; };
const cardFooter = function () {
if (footer) {
return (
<CardFooter className="px-3 py-2">
<a className="font-weight-bold font-xs btn-block text-muted" href={link}>View More
<i className="fa fa-angle-right float-right font-lg"></i></a>
</CardFooter>
);
}
};
return ( return (
<Card> <Card>
<CardBody className={card.classes} {...attributes}> <CardBody className={card.classes} {...attributes}>
{blockIcon(card.icon)} {blockIcon(card.icon)}
<div className={lead.classes}>{header}</div> <p className={lead.classes}>{header}</p>
<div className="text-muted text-uppercase font-weight-bold font-xs">{mainText}</div> <p className="mb-0 text-truncate text-muted text-uppercase font-weight-bold font-xs">{mainText}</p>
</CardBody> </CardBody>
{cardFooter()}
</Card> </Card>
); );
} }