diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-11-03 14:52:01 +0100 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-11-03 14:52:01 +0100 |
| commit | be46fccc4cb30b1b2b17637bc7c990259f6a4b4c (patch) | |
| tree | 36071cc6cca463791d97813a9d24431e0e823487 /animism-align/frontend/app | |
| parent | c8425fab008f058cd8e15d93147191725709ee8a (diff) | |
fixing some timing issues
Diffstat (limited to 'animism-align/frontend/app')
4 files changed, 9 insertions, 6 deletions
diff --git a/animism-align/frontend/app/utils/annotation.utils.js b/animism-align/frontend/app/utils/annotation.utils.js index b1f93d1..a5d3f39 100644 --- a/animism-align/frontend/app/utils/annotation.utils.js +++ b/animism-align/frontend/app/utils/annotation.utils.js @@ -1,8 +1,8 @@ import { clamp, timestampToSeconds } from 'app/utils' export const annotationFadeTimings = annotation => { - const fadeInDuration = timestampToSeconds(annotation.settings.fade_in_duration || '0') || 0.1 - const fadeOutDuration = timestampToSeconds(annotation.settings.fade_out_duration || '0') || 0.1 + const fadeInDuration = timestampToSeconds(annotation.settings.fade_in_duration || '0') || 0.0 + const fadeOutDuration = timestampToSeconds(annotation.settings.fade_out_duration || '0') || 0.0 const duration = timestampToSeconds(annotation.settings.duration || '0') || 0.1 const start_ts = annotation.start_ts diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.css b/animism-align/frontend/app/views/viewer/player/player.transcript.css index 8d32abd..34e94bc 100644 --- a/animism-align/frontend/app/views/viewer/player/player.transcript.css +++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css @@ -149,7 +149,7 @@ transform: translateZ(0); padding: 1.5rem; } -.audio-paused .not-scrollable .speaker-icon { +.audio-paused.section-end .not-scrollable .speaker-icon { transform: translateZ(0) translateY(-3rem); } .paragraph .speaker-icon { diff --git a/animism-align/frontend/app/views/viewer/viewer.actions.js b/animism-align/frontend/app/views/viewer/viewer.actions.js index 5f0417c..beac797 100644 --- a/animism-align/frontend/app/views/viewer/viewer.actions.js +++ b/animism-align/frontend/app/views/viewer/viewer.actions.js @@ -175,9 +175,9 @@ export const loadSections = () => dispatch => { type: 'curtain', settings: { color: CURTAIN_COLOR_LOOKUP[sectionColor], - fade_in_duration: '00:00:0.0', - fade_out_duration: '00:00:1.0', - duration: '1.05', + fade_in_duration: '0:00', + fade_out_duration: '0:01', + duration: '0:01.1', } }) // diff --git a/animism-align/frontend/app/views/viewer/viewer.container.js b/animism-align/frontend/app/views/viewer/viewer.container.js index 38f08e4..932729f 100644 --- a/animism-align/frontend/app/views/viewer/viewer.container.js +++ b/animism-align/frontend/app/views/viewer/viewer.container.js @@ -43,6 +43,9 @@ class ViewerContainer extends Component { } else { className += ' audio-paused' } + if (viewer.atEndOfSection) { + className += ' section-end' + } if (viewer.checklist || viewer.credits) { className += ' checklist-open' } else { |