showing and hiding stuff

1 files changed, 7 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/viewer/viewer.container.js b/animism-align/frontend/app/views/viewer/viewer.container.js
index bc1a1fc..5949c37 100644
--- a/animism-align/frontend/app/views/viewer/viewer.container.js
+++ b/animism-align/frontend/app/views/viewer/viewer.container.js
@@ -9,6 +9,7 @@ import './nav/nav.css'
 import './nav/eflux.css'
 import './sections/sections.css'
 import './transcript/transcript.css'
+import './checklist/checklist.css'
 
 import actions from 'app/actions'
 import { Loader } from 'app/common'
@@ -60,8 +61,12 @@ class ViewerContainer extends Component {
       return <div className='viewer loading'><Loader /></div>
     }
     let className = 'viewer'
-    if (viewer.transcript) className += ' transcript-open'
-    if (viewer.nav) className += ' nav-open'
+    if (viewer.checklist) {
+      className += ' checklist-open'
+    } else {
+      if (viewer.transcript) className += ' transcript-open'
+      if (viewer.nav) className += ' nav-open'
+    }
     return (
       <div>
         <div className='viewer-parent'>