Fixed nested box formatting.

This commit is contained in:
2025-09-27 23:06:53 +02:00
parent aa6c969a6b
commit 65f23c1f12
+11 -13
View File
@@ -8,25 +8,23 @@
<div class="col-12">
{% if all_instances and all_instances | length > 1 %}
<!-- Multiple instances view with drawer-style header -->
<div class="alert alert-info p-0">
<div class="alert alert-info mb-3">
<!-- Clickable drawer header -->
<div class="alert alert-info mb-0" style="cursor: pointer;" data-bs-toggle="collapse"
<div class="d-flex justify-content-between align-items-center" style="cursor: pointer;" data-bs-toggle="collapse"
data-bs-target="#all-instances" aria-expanded="false" aria-controls="all-instances">
<div class="d-flex justify-content-between align-items-center">
<div>
<h4 class="mb-1">
<i class="ri-stack-line me-2"></i>Multiple Copies Available
<span class="badge bg-primary ms-2">{{ all_instances | length }}</span>
</h4>
<p class="mb-0">This set has {{ all_instances | length }} copies in your collection. Click to view all copies individually.</p>
</div>
<i class="ri-arrow-down-s-line fs-4" id="copies-toggle-icon"></i>
<div>
<h4 class="mb-1">
<i class="ri-stack-line me-2"></i>Multiple Copies Available
<span class="badge bg-primary ms-2">{{ all_instances | length }}</span>
</h4>
<p class="mb-0">This set has {{ all_instances | length }} copies in your collection. Click to view all copies individually.</p>
</div>
<i class="ri-arrow-down-s-line fs-4" id="copies-toggle-icon"></i>
</div>
<!-- Collapsible instances section -->
<div class="collapse" id="all-instances">
<div class="px-3 pb-3">
<div class="collapse mt-3" id="all-instances">
<div class="border-top pt-3">
<div class="row">
{% set current_item_id = item.fields.id %}
{% for instance in all_instances %}