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

Style meta box for source overlay

Browse Source
This commit is contained in:
Franc Camps-Febrer
2019-01-15 11:23:39 -05:00
parent cd2fef3d4c
commit 7a103b50a0
4 changed files with 93 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/SourceOverlay.jsx
View File

@@ -130,8 +130,8 @@ function SourceOverlay ({ source, onCancel }) {
return (
<div className="mo-overlay">
<div className="mo-container">
<div className="mo-overlay" onClick={onCancel}>
<div className="mo-container" onClick={(e) => { e.stopPropagation(); }}>
<div className="mo-header">
<div className="mo-header-close" onClick={onCancel}>
<button className="side-menu-burg is-active"><span></span></button>
@@ -143,12 +143,15 @@ function SourceOverlay ({ source, onCancel }) {
</div>
<div className="mo-meta-container">
<div className="mo-box">
{title? <div><b>{title}</b></div> : null}
{title? <p><b>{title}</b></p> : null}
<div>{_renderCounts(counts)}</div>
{type ? <div>{type}</div> : null}
{date ? <div>Date:<span className="indent">{date}</span></div> : null}
{url ? <div><a href={url} target="_blank">Link to original URL</a></div> : null}
<hr />
{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>
</div>

2
src/components/Timeline.jsx
View File

@@ -71,7 +71,7 @@ class Timeline extends React.Component {
let element = document.querySelector('.timeline-wrapper');
element.addEventListener("transitionend", (event) => {
this.computeDims();
}/*, { once: true }*/);
});
}

8
src/components/presentational/NoSource.js
View File

@@ -4,10 +4,10 @@ const NoSource = ({ failedUrls }) => {
return (
<div className="no-source-container">
<div className="no-source-row">
<i className="material-icons no-source-icon">
error
</i>
<div>No media found, as the original media has not yet been uploaded to the platform.</div>
<p>
<i className="material-icons no-source-icon">error</i>
</p>
<p>No media found, as the original media has not yet been uploaded to the platform.</p>
</div>
</div>
)