Fix resizing timeline on switchin gmodes

src/components/Timeline.jsx

@@ -71,7 +71,7 @@ class Timeline extends React.Component {
     let element = document.querySelector('.timeline-wrapper');
     element.addEventListener("transitionend", (event) => {
       this.computeDims();
-    }, { once: true });
+    }/*, { once: true }*/);
 
   }
 

src/reducers/schema/sourceSchema.js

@@ -6,10 +6,9 @@ const sourceSchema = Joi.object().keys({
   thumbnail:      Joi.string().allow(''),
   paths:          Joi.array().required(),
   type:           Joi.string().allow(''),
-  // affil_1:        Joi.string().allow(''),
-  // affil_2:        Joi.string().allow(''),
+  affil_s:        Joi.array().allow(''),
   url:            Joi.string().allow(''),
-  desc:          Joi.string().allow(''),
+  desc:           Joi.string().allow(''),
   parent:         Joi.string().allow(''),
   author:         Joi.string().allow(''),
   date:           Joi.string().allow(''),

src/scss/timeline.scss

@@ -7,12 +7,12 @@
   background: rgba($black, 0.8);
   box-shadow: 0 -10px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
   color: white;
-  transition: 0.2s ease;
+  transition: left 0.2s ease, bottom 0.2s ease;
   bottom: 0px;
   z-index: $timeline;
 
   &.folded {
-    transition: 0.2s ease;
+    transition: bottom 0.2s ease;
     bottom: -170px;
 
     .timeline-header .timeline-toggle p .arrow-down {
@@ -23,6 +23,7 @@
 
   &.narrative-mode {
     left: 0;
+    transition: left 0.2s ease;
   }
 
   .timeline-header {