diff --git a/src/components/Timeline.jsx b/src/components/Timeline.jsx index 535fa27..3d03855 100644 --- a/src/components/Timeline.jsx +++ b/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 }*/); } diff --git a/src/reducers/schema/sourceSchema.js b/src/reducers/schema/sourceSchema.js index 1b61ac0..8ee91fc 100644 --- a/src/reducers/schema/sourceSchema.js +++ b/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(''), diff --git a/src/scss/timeline.scss b/src/scss/timeline.scss index 8e495b3..84432c0 100644 --- a/src/scss/timeline.scss +++ b/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 {