From 34c18a61021f9ff12c970afdf029a65bcf96bd9e Mon Sep 17 00:00:00 2001
From: Franc Camps-Febrer <francamps@gmail.com>
Date: Wed, 9 Jan 2019 08:19:16 +0100
Subject: [PATCH] Resize timeline on entering narrative mode

---
 src/components/Timeline.jsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/Timeline.jsx b/src/components/Timeline.jsx
index e454ec7..e912529 100644
--- a/src/components/Timeline.jsx
+++ b/src/components/Timeline.jsx
@@ -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() })
       });
     }
   }