|
|
|
@ -14,16 +14,20 @@ const outerStyle = {
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const contentStyle = {
|
|
|
|
|
flex: '2',
|
|
|
|
|
flex: '1 1 auto',
|
|
|
|
|
padding: '8px',
|
|
|
|
|
paddingLeft: '14px'
|
|
|
|
|
paddingLeft: '14px',
|
|
|
|
|
overflow: 'hidden'
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const titleStyle = {
|
|
|
|
|
display: 'block',
|
|
|
|
|
fontWeight: '500',
|
|
|
|
|
marginBottom: '5px',
|
|
|
|
|
color: '#d9e1e8'
|
|
|
|
|
color: '#d9e1e8',
|
|
|
|
|
overflow: 'hidden',
|
|
|
|
|
textOverflow: 'ellipsis',
|
|
|
|
|
whiteSpace: 'nowrap'
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const descriptionStyle = {
|
|
|
|
@ -31,7 +35,7 @@ const descriptionStyle = {
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const imageOuterStyle = {
|
|
|
|
|
flex: '1',
|
|
|
|
|
flex: '0 0 100px',
|
|
|
|
|
background: '#373b4a'
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
@ -84,8 +88,8 @@ const Card = React.createClass({
|
|
|
|
|
{image}
|
|
|
|
|
|
|
|
|
|
<div style={contentStyle}>
|
|
|
|
|
<strong style={titleStyle}>{card.get('title')}</strong>
|
|
|
|
|
<p style={descriptionStyle}>{card.get('description')}</p>
|
|
|
|
|
<strong style={titleStyle} title={card.get('title')}>{card.get('title')}</strong>
|
|
|
|
|
<p style={descriptionStyle}>{card.get('description').substring(0, 50)}</p>
|
|
|
|
|
<span style={hostStyle}>{getHostname(card.get('url'))}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|