mirror of
https://github.com/Crocmagnon/charasheet.git
synced 2024-11-22 22:48:03 +01:00
Display capabilities and paths as accordions to reduce clutter
This commit is contained in:
parent
d80094cf41
commit
10764aaf98
2 changed files with 18 additions and 11 deletions
|
@ -1,9 +1,16 @@
|
||||||
<li class="list-group-item">
|
<div class="accordion-item">
|
||||||
<strong>
|
<h2 class="accordion-header">
|
||||||
|
<button class="accordion-button collapsed" type="button"
|
||||||
|
data-bs-toggle="collapse" data-bs-target="#cap-{{ capability.pk }}">
|
||||||
{{ capability.rank }}.
|
{{ capability.rank }}.
|
||||||
{{ capability.name }}
|
{{ capability.name }}
|
||||||
{% if capability.spell %}<i class="fa-solid fa-hand-sparkles"></i>{% endif %}
|
{% if capability.spell %} <i class="fa-solid fa-hand-sparkles"></i>{% endif %}
|
||||||
{% if capability.limited %}<i class="fa-solid fa-handcuffs"></i>{% endif %}
|
{% if capability.limited %} <i class="fa-solid fa-handcuffs"></i>{% endif %}
|
||||||
</strong><br>
|
</button>
|
||||||
|
</h2>
|
||||||
|
<div id="cap-{{ capability.pk }}" class="accordion-collapse collapse">
|
||||||
|
<div class="accordion-body">
|
||||||
{{ capability.description }}
|
{{ capability.description }}
|
||||||
</li>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
|
@ -23,10 +23,10 @@
|
||||||
{% if path.notes %}
|
{% if path.notes %}
|
||||||
<div class="card-body text-bg-light">{{ path.notes }}</div>
|
<div class="card-body text-bg-light">{{ path.notes }}</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<ul class="list-group list-group-flush capabilities">
|
<div class="accordion accordion-flush capabilities">
|
||||||
{% for capability in capabilities %}
|
{% for capability in capabilities %}
|
||||||
{% include "character/capability.html" %}
|
{% include "character/capability.html" %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue