fix scroll on mobile timelinefull

1 files changed, 6 insertions, 2 deletions

diff --git a/client/src/lib/timeline/timelineFull.js b/client/src/lib/timeline/timelineFull.js
index e5d4ff8..7af00a8 100644
--- a/client/src/lib/timeline/timelineFull.js
+++ b/client/src/lib/timeline/timelineFull.js
@@ -106,6 +106,7 @@ export default class TimelineFull extends Component {
           contentContainerStyle={isMobile ? mobileStyles.item : styles.item}
           horizontal={false}
           showsHorizontalScrollIndicator={false}
+          ref={ (ref) => this.scrollView = ref }
         >
           {image}
           <Heading style={styles.title}>{item.title}</Heading>
@@ -132,6 +133,9 @@ export default class TimelineFull extends Component {
       </View>
     )
   }
+  componentDidUpdate() {
+    this.scrollView.scrollTo({ y: 0, x: 0, animated: false })
+  }
 }
 
 function linkTextFromUrl (url) {
@@ -153,14 +157,14 @@ const mobileStyles = StyleSheet.create({
   item: {
     maxWidth: 400,
     maxHeight: 250,
-    padding: 40,
-    paddingTop: 50,
+    padding: 20,
   },
   bodyContainer: {
     width: '100%',
   },
   metadataContainer: {
     width: '100%',
+    marginBottom: 50,
   },
 })