ui: Fix user menu popup overflowing beyond the page

Fixes: #2528

Tests:

- In Responsive Design Mode in Firefox, expand the screen width to be beyond
1400px. The left side of popup for the user menu will be aligned with the left
side of the menu item itself. When the width of the page is less than 1400px,
the right side of the popup will be right aligned with the right side of the
menu item.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
Sunil Mohan Adapa 2025-07-28 20:12:57 -07:00 committed by James Valleroy
parent d76944cafc
commit c479e2b819
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808

View File

@ -158,8 +158,8 @@
<i class="fa fa-user nav-icon"></i> <i class="fa fa-user nav-icon"></i>
{{ request.user.username }} {{ request.user.username }}
</a> </a>
<ul class="dropdown-menu" role="menu" <ul class="dropdown-menu dropdown-menu-end dropdown-menu-xxl-start"
aria-labelledby="id_user_menu_link"> role="menu" aria-labelledby="id_user_menu_link">
<li> <li>
<a id="id_user_edit_menu" class="dropdown-item" <a id="id_user_edit_menu" class="dropdown-item"
href="{% url 'users:edit' request.user.username %}" href="{% url 'users:edit' request.user.username %}"