🐛 Fix z-index in audio enrichment to keep enrichement slides over the…

… sound wave element
EsupPortail · Dec 7, 2023 · 7cee6f2 · 7cee6f2
1 parent 813b3b6
commit 7cee6f2
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/pod/enrichment/static/css/videojs-slides.css b/pod/enrichment/static/css/videojs-slides.css
@@ -7,6 +7,10 @@
   z-index: 2;
 }
 
+.vjs-wavesurfer.vjs-fluid wave.vjs-wavedisplay {
+  z-index:0;
+}
+
 .vjs-slides {
   display: block;
 }
@@ -18,6 +22,7 @@
   height: 100%;
   bottom: 0;
   padding: 0;
+  z-index:1;
 }
 
 .video-slides > li {

diff --git a/pod/enrichment/templates/enrichment/video_enrichment-iframe.html b/pod/enrichment/templates/enrichment/video_enrichment-iframe.html
@@ -19,6 +19,10 @@
 
 {% block more_script %}
   {{block.super}}
+  <script>
+    var enrichmentIsOn = true;
+  </script>
+
   <script id="enrichment_script_id" src="{% static 'js/videojs-slides.js' %}?ver={{VERSION}}"></script>
   {% include 'enrichment/video_enrichment-script.html' %}
 {% endblock more_script %}
diff --git a/pod/video/templates/videos/video-iframe.html b/pod/video/templates/videos/video-iframe.html
@@ -27,6 +27,10 @@
 
   <link rel="stylesheet" href="{% static 'css/video-iframe.css' %}?ver={{VERSION}}">
 
+  {% if CSS_OVERRIDE %}
+    <link rel="stylesheet" href="{% static CSS_OVERRIDE %}?ver={{VERSION}}" media="screen">
+  {% endif %}
+
   <meta itemprop="duration" content="{{ video.duration }}">
   <meta itemprop="thumbnailUrl" content="{{ video.get_thumbnail_url }}">
   <meta itemprop="contentURL" content="{% if request.is_secure %}https{% else %}http{% endif %}: //{{ request.META.HTTP_HOST }}{% url 'video:video' slug=video.slug %}">