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

restyle next/prev arrows

Browse Source
This commit is contained in:
Lachlan Kermode
2019-02-14 08:37:34 +00:00
parent c297c63fff
commit 6484e37d6d
3 changed files with 43 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Overlay/Controls.js
View File

@@ -6,9 +6,9 @@ export default ({ viewIdx, paths, onShiftHandler }) => {
className='back'
onClick={() => onShiftHandler(-1)}
>
<svg>
<path d='M0,-7.847549217020565L6.796176979388489,3.9237746085102825L-6.796176979388489,3.9237746085102825Z' />
</svg>
<div className='centerer'>
<i className='material-icons'>arrow_left</i>
</div>
</div>
) : null
const forwardArrow = viewIdx < paths.length - 1 ? (
@@ -16,9 +16,9 @@ export default ({ viewIdx, paths, onShiftHandler }) => {
className='next'
onClick={() => onShiftHandler(1)}
>
<svg>
<path d='M0,-7.847549217020565L6.796176979388489,3.9237746085102825L-6.796176979388489,3.9237746085102825Z' />
</svg>
<div className='centerer'>
<i className='material-icons'>arrow_right</i>
</div>
</div>
) : null

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

@@ -32,11 +32,11 @@ class SourceOverlay extends React.Component {
if (typeof (this.props.source) !== 'object') {
return this.renderError()
}
const { url, title, paths, date, type, desc } = this.props.source
const shortenedTitle = this.props.source.title.substring(0, 100)
const { url, title, paths, date, type } = this.props.source
const shortenedTitle = title.substring(0, 100)
return (
<div className='mo-overlay' onClick={this.props.onCancel}>
<div className='mo-overlay'>
<div className='mo-banner'>
<div className='mo-banner-close' onClick={this.props.onCancel}>
<i className='material-icons'>close</i>