From 8d5a97fc8ed5d6bdfd64025dd4a79e8f5abbf85c Mon Sep 17 00:00:00 2001
From: Matthew Lemon <y@yulqen.org>
Date: Sun, 7 Jul 2024 14:53:13 +0100
Subject: Better implementation of carousel

- Removed the primary coloured background
- Changed the colour of the next and previous icons
- Reduced the width of the actual image
---
 pyblackbird_cc/templates/resources/resource_detail.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'pyblackbird_cc/templates/resources/resource_detail.html')

diff --git a/pyblackbird_cc/templates/resources/resource_detail.html b/pyblackbird_cc/templates/resources/resource_detail.html
index 2cdebd4..4db7f56 100644
--- a/pyblackbird_cc/templates/resources/resource_detail.html
+++ b/pyblackbird_cc/templates/resources/resource_detail.html
@@ -53,6 +53,7 @@
       </div>
     </div>
 
+    <!-- Here be the carousel stuff -->
     
     {% for snapshot_filename, snapshot_urls in resource.snapshot_urls.items %}
       <div class="row my-4">
@@ -62,15 +63,16 @@
 
 
           <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
-            <div class="carousel-inner bg-primary">
+            <div class="carousel-inner">
 
               {% for snapshot_url in snapshot_urls %}
               {% if forloop.first %}
+              <!-- We must have an active class otherwise the carousel will not show up -->
               <div class="carousel-item active">
                 {% else %}
                 <div class="carousel-item">
                   {% endif %}
-                  <img src="{{ snapshot_url }}" class="d-block w-50 mx-auto img-thumbnail rounded" alt="{{ snapshot_name }}">
+                  <img src="{{ snapshot_url }}" class="d-block w-25 mx-auto img-thumbnail rounded" alt="{{ snapshot_name }}">
                 </div>
                 {% endfor %}
               </div>
-- 
cgit v1.2.3