Collapse sidebar on small screens

Signed-off-by: Emmy D'Anello <emmy.danello@animath.fr>
This commit is contained in:
Emmy D'Anello 2024-02-11 20:59:34 +01:00
parent acd1d80c75
commit ca9652cc60
Signed by: ynerant
GPG Key ID: 3A75C55819C8CF85
1 changed files with 30 additions and 11 deletions

View File

@ -3,19 +3,38 @@
{% if user.is_authenticated %}
<div class="card">
<div class="card-header bg-dark-subtle">
<h3 class="card-title">{% trans "Informations" %}</h3>
<div class="d-lg-none btn" data-bs-toggle="collapse"
data-bs-target="#sidebar-card" aria-controls="sidebar-card" aria-expanded="false"
aria-label="Toggle information sidebar">
<h3 class="card-title">
{% trans "Informations" %}
<span class="d-lg-none">
<span class="badge text-small bg-danger">
<i class="fa fa-warning"></i>
{{ user.registration.important_informations|length }}
</span>
<span class="navbar-toggler-icon"></span>
</span>
</h3>
</div>
<div class="d-none d-lg-block">
<h3 class="card-title">{% trans "Informations" %}</h3>
</div>
</div>
<div class="card-body">
{% for information in user.registration.important_informations %}
<div class="card my-2">
<div class="card-header bg-dark-subtle">
<h5 class="card-title">{{ information.title }}</h5>
<div id="sidebar-card" class="collapse d-lg-block">
<div class="card-body">
{% for information in user.registration.important_informations %}
<div class="card my-2">
<div class="card-header bg-dark-subtle">
<h5 class="card-title">{{ information.title }}</h5>
</div>
<div class="card-body bg-{{ information.type }}-subtle">
{{ information.content|safe }}
</div>
</div>
<div class="card-body bg-{{ information.type }}-subtle">
{{ information.content|safe }}
</div>
</div>
{% endfor %}
{% endfor %}
</div>
</div>
</div>
{% endif %}