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

Resize timeline on entering narrative mode

Browse Source
This commit is contained in:
Franc Camps-Febrer
2019-01-09 08:19:16 +01:00
committed by Lachlan Kermode
parent 7beb5f4039
commit 34c18a6102
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Timeline.jsx
View File

@@ -68,6 +68,11 @@ class Timeline extends React.Component {
addEventListeners() {
window.addEventListener('resize', () => { this.computeDims(); });
let element = document.querySelector('.timeline-wrapper');
element.addEventListener("transitionend", (event) => {
this.computeDims();
}, false);
}
makeScaleX() {
@@ -109,7 +114,8 @@ class Timeline extends React.Component {
const boundingClient = document.querySelector(`#${dom}`).getBoundingClientRect();
this.setState({
dims: Object.assign({}, this.state.dims, { width: boundingClient.width })
dims: Object.assign({}, this.state.dims, { width: boundingClient.width })
}, () => { this.setState({ scaleX: this.makeScaleX() })
});
}
}