From b26bf13473c8f14f30535dcc2ba63de52d2b011b Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Tue, 7 Mar 2017 10:39:17 +0100
Subject: Fix gallery display inside modal

---
 chimere/templates/chimere/detail.html | 39 ++++++++++++++++++-----------------
 1 file changed, 20 insertions(+), 19 deletions(-)

diff --git a/chimere/templates/chimere/detail.html b/chimere/templates/chimere/detail.html
index 54c9a99..04365f1 100644
--- a/chimere/templates/chimere/detail.html
+++ b/chimere/templates/chimere/detail.html
@@ -55,26 +55,26 @@
       </div>
       <div class="modal-body">
 
-<div role="tabpanel">
-
-  <ul class="nav nav-pills" role="tablist" id="pills-{{time_now}}">
-    {% for item in marker.multimedia_items %}
-    <li role="presentation"{% if forloop.counter0 == 0%} class="active"{% endif %}>
-      <a href="#tab-{{time_now}}-{{ forloop.counter }}" aria-controls="tab-{{time_now}}-{{ forloop.counter }}" role="tab" data-toggle="pill">
-        {{ item.name }}
-      </a>
-    </li>{% endfor %}
-  </ul>
-
-  <div class="tab-content">
-    {% for multimedia_item in marker.multimedia_items %}
-    <div id="tab-{{time_now}}-{{ forloop.counter }}" role="tabpanel" class="tab-pane{% if forloop.counter0 == 0%} active{% endif %} {% ifequal multimedia_item.multimedia_type.media_type 'V' %}video{% else %}other{% endifequal %}" id="home">
-        {% multimedia_render multimedia_item %}
-    </div>
-    {% endfor %}
-  </div>
+    <div role="tabpanel">
+
+      <ul class="nav nav-pills" role="tablist" id="pills-{{time_now}}">
+        {% for item in marker.multimedia_items %}
+        <li role="presentation"{% if forloop.counter0 == 0%} class="active"{% endif %}>
+          <a href="#tab-{{time_now}}-{{ forloop.counter }}" aria-controls="tab-{{time_now}}-{{ forloop.counter }}" role="tab" data-toggle="pill">
+            {{ item.name }}
+          </a>
+        </li>{% endfor %}
+      </ul>
+
+      <div class="tab-content">
+        {% for multimedia_item in marker.multimedia_items %}
+        <div id="tab-{{time_now}}-{{ forloop.counter }}" role="tabpanel" class="tab-pane{% if forloop.counter0 == 0%} active{% endif %} {% ifequal multimedia_item.multimedia_type.media_type 'V' %}video{% else %}other{% endifequal %}" id="home">
+            {% multimedia_render multimedia_item %}
+        </div>
+        {% endfor %}
+      </div>
 
-</div>
+    </div>
 
       </div>
     </div>
@@ -128,6 +128,7 @@ function manage_gallery_close (event){
 }
 
 $(document).ready(function(){
+    $('#multimedia-gallery-{{time_now}}').appendTo("body");
 
     $('#multimedia-gallery-{{time_now}}').on('shown.bs.modal', function (e) {
         manage_gallery_opening();
-- 
cgit v1.2.3