From 49ef2aa92501a5694e05af235dd8754a625f449d Mon Sep 17 00:00:00 2001
From: Andrey Smakotin <slamfromm@gmail.com>
Date: Thu, 13 Nov 2025 16:43:49 +0300
Subject: [PATCH] Improve navbar dropdown: show on hover, click goes to order
 list

---
 myproject/templates/navbar.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/myproject/templates/navbar.html b/myproject/templates/navbar.html
index cf3d89b..9295645 100644
--- a/myproject/templates/navbar.html
+++ b/myproject/templates/navbar.html
@@ -1,4 +1,10 @@
 <!-- navbar.html - Reusable navigation bar component -->
+<style>
+    .navbar .dropdown:hover > .dropdown-menu {
+        display: block;
+        margin-top: 0;
+    }
+</style>
 <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
     <div class="container">
         <!-- Toggler for mobile view -->
@@ -22,7 +28,7 @@
                         <a class="nav-link {% if request.resolver_match.namespace == 'products' and 'tag' in request.resolver_match.url_name %}active{% endif %}" href="{% url 'products:tag-list' %}">Теги</a>
                     </li>
                     <li class="nav-item dropdown">
-                        <a class="nav-link dropdown-toggle {% if request.resolver_match.namespace == 'orders' %}active{% endif %}" href="{% url 'orders:order-list' %}" id="ordersDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Заказы</a>
+                        <a class="nav-link dropdown-toggle {% if request.resolver_match.namespace == 'orders' %}active{% endif %}" href="{% url 'orders:order-list' %}" id="ordersDropdown" role="button" aria-expanded="false" data-bs-toggle="dropdown">Заказы</a>
                         <ul class="dropdown-menu" aria-labelledby="ordersDropdown">
                             <li><a class="dropdown-item" href="{% url 'orders:order-list' %}">Список заказов</a></li>
                             <li><hr class="dropdown-divider"></li>