Hide toolbar on narrative mode

This commit is contained in:
Franc Camps-Febrer
2018-12-13 11:07:24 +01:00
committed by Lachlan Kermode
parent 17a81a7643
commit 58aaadc5d4
11 changed files with 71 additions and 160 deletions

View File

@@ -49,9 +49,12 @@ class NarrativeCard extends React.Component {
return (
<div className="narrative-info">
{this.renderClose()}
<h6>{this.props.narrative.label}</h6>
<h3>{this.props.narrative.label}</h3>
<p>{this.props.narrative.description}</p>
<h3>{this.state.step + 1}/{steps.length}. {step.location}</h3>
<h6>
<i className="material-icons left">location_on</i>
{this.state.step + 1}/{steps.length}. {step.location}
</h6>
<div className="actions">
<div className={`${(!this.state.step) ? 'disabled ' : ''} action`} onClick={() => this.goToPrevKeyFrame()}>&larr;</div>
<div className={`${(this.state.step >= this.props.narrative.steps.length - 1) ? 'disabled ' : ''} action`} onClick={() => this.goToNextKeyFrame()}>&rarr;</div>