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

Feature/ux fixes (#167)

Browse Source 
* fix card toggle

* fix bug and bar marker

* reinstate timeline arrows

* adjust (hard to interpret) category y calculation

* shadows for markers as well

* return markers when there are no categories

* remove year in timeline

* make notifications optional

* WIP: render hovered counts

* show number on hover

* lint

* revert to filteredLocations

* linting

* return mapClustersToLocations

* 💄

* lint

Co-authored-by: efarooqui <efarooqui@pandora.com>
This commit is contained in:
Lachlan Kermode
2020-10-22 20:09:13 +03:00
committed by GitHub
parent f44d3e2481
commit ddbee03f50
9 changed files with 153 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/presentational/Timeline/Handles.js
View File

@@ -1,26 +1,24 @@
import React from 'react'
const TimelineHandles = ({ dims, onMoveTime }) => {
return <div />
// temporarilty disabled while we get functionality working again
// return (
// <g className='time-controls-inline'>
// <g
// transform={`translate(${dims.marginLeft - 20}, ${dims.contentHeight - 10})`}
// onClick={() => onMoveTime('backwards')}
// >
// <circle r='15' />
// <path d='M0,-7.847549217020565L6.796176979388489,3.9237746085102825L-6.796176979388489,3.9237746085102825Z' transform='rotate(270)' />
// </g>
// <g
// transform={`translate(${dims.width - dims.width_controls + 20}, ${dims.contentHeight - 10})`}
// onClick={() => onMoveTime('forward')}
// >
// <circle r='15' />
// <path d='M0,-7.847549217020565L6.796176979388489,3.9237746085102825L-6.796176979388489,3.9237746085102825Z' transform='rotate(90)' />
// </g>
// </g>
// )
return (
<g className='time-controls-inline'>
<g
transform={`translate(${dims.marginLeft - 20}, ${dims.contentHeight - 10})`}
onClick={() => onMoveTime('backwards')}
>
<circle r='15' />
<path d='M0,-7.847549217020565L6.796176979388489,3.9237746085102825L-6.796176979388489,3.9237746085102825Z' transform='rotate(270)' />
</g>
<g
transform={`translate(${dims.width - dims.width_controls + 20}, ${dims.contentHeight - 10})`}
onClick={() => onMoveTime('forward')}
>
<circle r='15' />
<path d='M0,-7.847549217020565L6.796176979388489,3.9237746085102825L-6.796176979388489,3.9237746085102825Z' transform='rotate(90)' />
</g>
</g>
)
}
export default TimelineHandles