[WIP] Fix CSS z-index for audio enrichment slide to keep them over th…

…e sound wave element (EsupPortail#1013) * Update views.py * 🐛 Fix z-index in audio enrichment to keep enrichement slides over the sound wave element --------- Co-authored-by: Ptitloup <[email protected]>
vsabatie · Jan 9, 2024 · 016d562 · 016d562
1 parent b8e837e
commit 016d562
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 %}">