fix nav bar on chrome. add full video checkbox

2 files changed, 9 insertions, 0 deletions

diff --git a/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.video.js b/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.video.js
index a947e2a..dd5f640 100644
--- a/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.video.js
+++ b/animism-align/frontend/app/views/align/components/annotations/annotationForms/annotationForm.video.js
@@ -72,6 +72,14 @@ export const AnnotationFormVideo = ({ annotation, media, handleSettingsSelect, h
           onChange={handleSettingsSelect}
         />
       )}
+      {(annotation.settings.fullscreen && !annotation.settings.inline) && (
+        <Checkbox
+          label="Can play full video at end of section"
+          name="can_play_full_video"
+          checked={annotation.settings.can_play_full_video}
+          onChange={handleSettingsSelect}
+        />
+      )}
       <Checkbox
         label="Hide in transcript"
         name="hide_in_transcript"
diff --git a/animism-align/frontend/app/views/viewer/nav/nav.css b/animism-align/frontend/app/views/viewer/nav/nav.css
index de6f73b..b993750 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.css
+++ b/animism-align/frontend/app/views/viewer/nav/nav.css
@@ -179,6 +179,7 @@
   height: 3rem;
   backdrop-filter: invert(0%);
   transition: opacity 0.2s, backdrop-filter 0.2s, width 0.25s linear;
+  background: transparent;
 }
 .chrome .nav-open .nav-progress-percentage {
   height: calc(3rem - 1px);