From c479e2b8199dd42146559da7e96a1a7195930a15 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Mon, 28 Jul 2025 20:12:57 -0700
Subject: [PATCH] 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>
---
 plinth/templates/base.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plinth/templates/base.html b/plinth/templates/base.html
index 876f86674..2a074b5a8 100644
--- a/plinth/templates/base.html
+++ b/plinth/templates/base.html
@@ -158,8 +158,8 @@
                     <i class="fa fa-user nav-icon"></i>
                     {{ request.user.username }}
                   </a>
-                  <ul class="dropdown-menu" role="menu"
-                      aria-labelledby="id_user_menu_link">
+                  <ul class="dropdown-menu dropdown-menu-end dropdown-menu-xxl-start"
+                      role="menu" aria-labelledby="id_user_menu_link">
                     <li>
                       <a id="id_user_edit_menu" class="dropdown-item"
                          href="{% url 'users:edit' request.user.username %}"