bellingcat/ukraine-timemap
1
0
Fork 0
mirror of https://github.com/bellingcat/ukraine-timemap.git synced 2026-06-12 05:18:34 +03:00
Code Issues Packages Projects Releases Wiki Activity

adjust media styling, rm timeline text

Browse Source
This commit is contained in:
Lachlan Kermode
2019-01-17 14:30:15 +00:00
committed by Franc Camps-Febrer
parent dbc0b0b0f2
commit faf3ac576e
5 changed files with 68 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/SourceOverlay.jsx
View File

@@ -154,7 +154,7 @@ class SourceOverlay extends React.Component {
const {id, url, title, paths, date, type, desc} = this.props.source
const media = paths.map(this.toMedia)
const counts = this.getTypeCounts(media)
return (
<div className="mo-overlay" onClick={this.props.onCancel}>
<div className="mo-container" onClick={(e) => { e.stopPropagation(); }}>
@@ -169,24 +169,31 @@ class SourceOverlay extends React.Component {
{this._renderContent(media)}
</div>
<div className="mo-meta-container">
<div className="mo-box">
<p style={{ textAlign: 'center'}}>{`${this.state.idx+1} / ${paths.length}`}</p>
<div className="mo-box-title">
<p>{`${this.state.idx+1} / ${paths.length}`}</p>
{title? <p><b>{title}</b></p> : null}
<div>{this._renderCounts(counts)}</div>
{type ? <h4>Media type</h4> : null}
{type ? <p><i className="material-icons left">perm_media</i>{type}</p> : null}
{date ? <h4>Date</h4> : null}
{date ? <p><i className="material-icons left">today</i>{date}</p>: null}
{url ? <h4>Link</h4> : null}
{url ? <span><i className="material-icons left">link</i><a href={url} target="_blank">Link to original URL</a></span> : null}
{desc ? <hr /> : null}
{desc ? <div>{desc}</div> : null}
<div>{desc}</div>
</div>
<div className="mo-box">
<div>
{type ? <h4>Media type</h4> : null}
{type ? <p><i className="material-icons left">perm_media</i>{type}</p> : null}
</div>
<div>
{date ? <h4>Date</h4> : null}
{date ? <p><i className="material-icons left">today</i>{date}</p>: null}
</div>
<div>
{url ? <h4>Link</h4> : null}
{url ? <span><i className="material-icons left">link</i><a href={url} target="_blank">Link to original URL</a></span> : null}
</div>
</div>
</div>
</div>
</div>
)
}
}