style(sidebar): truncate e-mail if it's too long

This commit is contained in:
Herculino Trotta
2025-08-22 13:14:47 -03:00
parent 791e1000a3
commit 2733c92da5
+10 -4
View File
@@ -273,14 +273,20 @@
<div> <div>
<hr class="my-1"> <hr class="my-1">
<div <div
class="ps-4 pe-2 py-2 d-flex align-items-center text-body-secondary text-decoration-none justify-content-between tw:text-wrap tw:lg:text-nowrap"> class="ps-4 pe-2 py-2 d-flex align-items-center text-decoration-none justify-content-between">
<div>
<i class="fa-solid fa-circle-user"></i> <div class="d-flex align-items-center" style="min-width: 0;">
<strong class="ms-2 tw:lg:invisible tw:lg:group-hover:visible">{{ user.email }}</strong> <i class="fa-solid fa-circle-user text-body-secondary"></i>
<strong class="ms-2 text-body-secondary text-truncate tw:lg:invisible tw:lg:group-hover:visible">
{{ user.email }}
</strong>
</div> </div>
<div class="tw:lg:invisible tw:lg:group-hover:visible"> <div class="tw:lg:invisible tw:lg:group-hover:visible">
{% include 'includes/navbar/user_menu.html' %} {% include 'includes/navbar/user_menu.html' %}
</div> </div>
</div> </div>
</div> </div>
</nav> </nav>