ynerant
/
plateforme-tfjm2
mirror of https://gitlab.com/animath/si/plateforme.git
1
0
Fork 0
Code Issues Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
tfjm/templates/sidebar.html
View File

@ -3,19 +3,38 @@
{% if user.is_authenticated %} {% if user.is_authenticated %}
<div class="card"> <div class="card">
<div class="card-header bg-dark-subtle"> <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>
<div class="card-body">
{% for information in user.registration.important_informations %} <div id="sidebar-card" class="collapse d-lg-block">
<div class="card my-2"> <div class="card-body">
<div class="card-header bg-dark-subtle"> {% for information in user.registration.important_informations %}
<h5 class="card-title">{{ information.title }}</h5> <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>
<div class="card-body bg-{{ information.type }}-subtle"> {% endfor %}
{{ information.content|safe }} </div>
</div>
</div>
{% endfor %}
</div> </div>
</div> </div>
{% endif %} {% endif %}