From a5c50ac4927d82aca8cba56b159e68f1528407b7 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 23 Jul 2020 22:33:26 +0200
Subject: opening transcript again

---
 animism-align/frontend/app/views/viewer/transcript/transcript.css | 6 ++++++
 animism-align/frontend/app/views/viewer/viewer.container.js       | 8 ++++----
 animism-align/frontend/app/views/viewer/viewer.css                | 2 +-
 animism-align/frontend/app/views/viewer/viewer.nav.css            | 1 +
 animism-align/frontend/app/views/viewer/viewer.reducer.js         | 2 +-
 5 files changed, 13 insertions(+), 6 deletions(-)

(limited to 'animism-align')

diff --git a/animism-align/frontend/app/views/viewer/transcript/transcript.css b/animism-align/frontend/app/views/viewer/transcript/transcript.css
index a42615d..3545c5b 100644
--- a/animism-align/frontend/app/views/viewer/transcript/transcript.css
+++ b/animism-align/frontend/app/views/viewer/transcript/transcript.css
@@ -23,16 +23,22 @@
   user-select: auto;
   transform: translateZ(0) translateX(0);
 }
+
+/* footer */
+
 .transcript .footer {
   position: absolute;
   bottom: 0;
   left: 0;
+  height: 3rem;
+  border-top: 1px solid white;
   width: 100%;
   background: black;
   color: white;
   display: flex;
   justify-content: center;
   align-items: center;
+  text-decoration: none;
 }
 
 /* general paragraph styles */
diff --git a/animism-align/frontend/app/views/viewer/viewer.container.js b/animism-align/frontend/app/views/viewer/viewer.container.js
index d9a8071..fbd4142 100644
--- a/animism-align/frontend/app/views/viewer/viewer.container.js
+++ b/animism-align/frontend/app/views/viewer/viewer.container.js
@@ -56,12 +56,12 @@ class ViewerContainer extends Component {
     if (!loaded) {
       return <div className='viewer loading'><Loader /></div>
     }
-    let className = 'viewer-container'
-    if (viewer.transcript) className += 'transcript-open'
+    let className = 'viewer'
+    if (viewer.transcript) className += ' transcript-open'
     return (
       <div>
-        <div className='viewer'>
-          <div className={className}>
+        <div className={className}>
+          <div className='viewer-container'>
             <Player />
           </div>
           <ViewerNav />
diff --git a/animism-align/frontend/app/views/viewer/viewer.css b/animism-align/frontend/app/views/viewer/viewer.css
index c7fde64..dac8d96 100644
--- a/animism-align/frontend/app/views/viewer/viewer.css
+++ b/animism-align/frontend/app/views/viewer/viewer.css
@@ -35,4 +35,4 @@
 
 .viewer-container.transcript-open {
   transform: translateZ(0) translateX(-31.875rem);
-}
\ No newline at end of file
+}
diff --git a/animism-align/frontend/app/views/viewer/viewer.nav.css b/animism-align/frontend/app/views/viewer/viewer.nav.css
index d353aa1..da16b13 100644
--- a/animism-align/frontend/app/views/viewer/viewer.nav.css
+++ b/animism-align/frontend/app/views/viewer/viewer.nav.css
@@ -10,6 +10,7 @@
 
 .viewer-nav > .nav-row {
   width: 100%;
+  height: 3rem;
   padding: 0.25rem 0 0.25rem 0;
   display: flex;
   justify-content: space-between;
diff --git a/animism-align/frontend/app/views/viewer/viewer.reducer.js b/animism-align/frontend/app/views/viewer/viewer.reducer.js
index ef315bb..30c7a0a 100644
--- a/animism-align/frontend/app/views/viewer/viewer.reducer.js
+++ b/animism-align/frontend/app/views/viewer/viewer.reducer.js
@@ -10,7 +10,7 @@ const initialState = {
 }
 
 export default function viewerReducer(state = initialState, action) {
-  // console.log(action.type, action)
+  console.log(action.type, action)
   switch (action.type) {
 
     case types.viewer.load_sections:
-- 
cgit v1.2.3-70-g09d2