close button workin great

2 files changed, 6 insertions, 3 deletions

diff --git a/animism-align/frontend/app/views/viewer/nav/eflux.css b/animism-align/frontend/app/views/viewer/nav/eflux.css
index 71ff350..cc5ce04 100644
--- a/animism-align/frontend/app/views/viewer/nav/eflux.css
+++ b/animism-align/frontend/app/views/viewer/nav/eflux.css
@@ -115,6 +115,9 @@
 .black .eflux-nav svg polygon {
   fill: #fff;
 }
+.black .eflux-nav svg line {
+  stroke: #fff;
+}
 
 
 .growl-tooltip {
diff --git a/animism-align/frontend/app/views/viewer/player/player.fullscreen.js b/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
index 8727313..db5bd8d 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
@@ -93,11 +93,11 @@ class PlayerFullscreen extends Component {
     }
     // console.log(elements)
     // set nav style from top-most element
-    // furthermore, "persistent" elements continue to show even if the episode is paused
-    let persist = false;
+    // furthermore, the fullscreen view should persist unless the user has closed it (or the chapter ends)
+    let persist = elements.length
     if (elements.length) {
       const lastElement = elements[elements.length - 1]
-      persist = elements.filter(e => PERSISTENT_FULLSCREEN_ELEMENTS.has(e.type))
+      // persist = elements.filter(e => PERSISTENT_FULLSCREEN_ELEMENTS.has(e.type))
       if (lastElement.color && lastElement.color.textColor === '#ffffff') {
         actions.viewer.setNavStyle('black')
       } else {