From 35cfa387d1b62ab44bc7dd3e2a0a69b522a95982 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Mon, 8 Nov 2021 13:38:03 +1100
Subject: [PATCH] Fixes navbar menu positioning for smaller screens

---
 InvenTree/InvenTree/static/css/inventree.css | 4 ++++
 InvenTree/templates/navbar.html              | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/InvenTree/InvenTree/static/css/inventree.css b/InvenTree/InvenTree/static/css/inventree.css
index eda15bb820..cd9ce410de 100644
--- a/InvenTree/InvenTree/static/css/inventree.css
+++ b/InvenTree/InvenTree/static/css/inventree.css
@@ -130,6 +130,10 @@
     box-shadow: 0px 5px 5px rgb(0 0 0 / 5%);
 }
 
+.inventree-navbar-menu {
+    position: absolute !important;
+}
+
 .navbar-brand {
     float: left;
 }
diff --git a/InvenTree/templates/navbar.html b/InvenTree/templates/navbar.html
index 4578ac2db3..eeb049d320 100644
--- a/InvenTree/templates/navbar.html
+++ b/InvenTree/templates/navbar.html
@@ -76,7 +76,7 @@
         <a class='nav-link dropdown-toggle' href='#' id='userMenuDropdown' role='button' data-bs-toggle='dropdown'>
           <span class='fas fa-user'></span> <strong>{{ user.get_username }}</strong>
         </a>
-        <ul class='dropdown-menu dropdown-menu-end'>
+        <ul class='dropdown-menu dropdown-menu-end inventree-navbar-menu'>
           {% if user.is_authenticated %}
           {% if user.is_staff %}
           <li><a class='dropdown-item' href="/admin/"><span class="fas fa-user"></span> {% trans "Admin" %}</a></li>