From d694c33c873f766cbeafbe8f8dfdc4a0c762e8ad Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 28 Jul 2020 15:04:42 +0200 Subject: invert nav color if background is black --- .../frontend/app/views/viewer/player/player.fullscreen.js | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'animism-align/frontend/app/views/viewer/player') 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 55b350d..5683418 100644 --- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.js +++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.js @@ -27,6 +27,16 @@ class PlayerFullscreen extends Component { const elements = timeline.filter(element => ( floatInRange(element.start_ts, play_ts, element.fade_out_start_ts + 0.1) )) + if (elements.length) { + const lastElement = elements[elements.length - 1] + if (lastElement.color && lastElement.color.textColor === '#ffffff') { + actions.viewer.setNavStyle('black') + } else { + actions.viewer.setNavStyle('white') + } + } else { + actions.viewer.setNavStyle('white') + } this.setState({ elements }) } -- cgit v1.2.3-70-g09d2