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

wip: restyling overlay controls

Browse Source
This commit is contained in:
Lachlan Kermode
2019-02-13 18:34:21 +00:00
parent 44598d602f
commit c297c63fff
2 changed files with 93 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/Overlay/Media.js
View File

@@ -46,12 +46,22 @@ class SourceOverlay extends React.Component {
<h3>{shortenedTitle}</h3>
</div>
</div>
<div className='mo-container' onClick={e => e.stopPropagation()}>
<div className='mo-media-container'>
<Content media={paths.map(selectTypeFromPath)} viewIdx={this.state.idx} />
</div>
</div>
<div className='mo-footer'>
<Controls paths={paths} viewIdx={this.state.idx} onShiftHandler={this.onShiftGallery} />
<div className='mo-meta-container'>
<div className='mo-box-title'>
{title ? <p><b>{title}</b></p> : null}
<div>{desc}</div>
</div>
{/* <div className='mo-box-title'> */}
{/* {title ? <p><b>{title}</b></p> : null} */}
{/* <div>{desc}</div> */}
{/* </div> */}
<div className='mo-box'>
<div>
@@ -69,13 +79,6 @@ class SourceOverlay extends React.Component {
</div>
</div>
</div>
<div className='mo-container' onClick={e => e.stopPropagation()}>
<div className='mo-media-container'>
<Content media={paths.map(selectTypeFromPath)} viewIdx={this.state.idx} />
<Controls paths={paths} viewIdx={this.state.idx} onShiftHandler={this.onShiftGallery} />
</div>
</div>
</div>
)