diff options
Diffstat (limited to 'animism-align')
5 files changed, 13 insertions, 6 deletions
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: |