fix: improve responsive navbar button placement
Agent-Logs-Url: https://github.com/dsaub/proyecto-final/sessions/7bd2469a-6cfb-4a01-824a-07dfafa2392c Co-authored-by: dsaub <54474838+dsaub@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
committed by
GitHub
GitHub
parent
465e71e83d
commit
23abe3f832
@@ -3,5 +3,7 @@ db.sqlite3
|
|||||||
.venv
|
.venv
|
||||||
.env
|
.env
|
||||||
logs/
|
logs/
|
||||||
|
__pycache__/
|
||||||
|
*.pyc
|
||||||
tienda/__pycache__/
|
tienda/__pycache__/
|
||||||
proyecto/__pycache__/
|
proyecto/__pycache__/
|
||||||
Binary file not shown.
BIN
Binary file not shown.
Binary file not shown.
BIN
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -79,8 +79,8 @@
|
|||||||
</head>
|
</head>
|
||||||
<body class="d-flex flex-column min-vh-100">
|
<body class="d-flex flex-column min-vh-100">
|
||||||
{% cache 500 sidebar request.user.username %}
|
{% cache 500 sidebar request.user.username %}
|
||||||
<nav class="navbar navbar-expand-md header" role="banner">
|
<nav class="navbar navbar-expand-lg header" role="banner">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid align-items-center">
|
||||||
<a class="navbar-brand" href="{% url 'home' %}">
|
<a class="navbar-brand" href="{% url 'home' %}">
|
||||||
<picture>
|
<picture>
|
||||||
<source
|
<source
|
||||||
@@ -96,22 +96,23 @@
|
|||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
|
<span class="navbar-text fw-semibold ms-2 me-3 d-none d-xl-inline" style="color: #ffffff">Comercialmeria</span>
|
||||||
|
|
||||||
|
<!-- Barra de búsqueda con sugerencias -->
|
||||||
|
<form class="search-suggestions-container order-3 order-lg-0 w-100 w-lg-auto mt-2 mt-lg-0" method="GET" action="{% url 'search' %}" role="search" id="searchForm">
|
||||||
|
<div class="input-group">
|
||||||
|
<input class="form-control" type="search" name="q" id="searchInput" placeholder="Buscar productos..." aria-label="Buscar" autocomplete="off">
|
||||||
|
<button class="btn btn-outline-primary" type="submit">🔍</button>
|
||||||
|
</div>
|
||||||
|
<div class="search-suggestions" id="searchSuggestions"></div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<button class="navbar-toggler order-2 ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="collapse navbar-collapse" id="navbarContent">
|
<div class="collapse navbar-collapse order-4 order-lg-0 mt-2 mt-lg-0" id="navbarContent">
|
||||||
<span class="navbar-text fw-semibold me-3" style="color: #ffffff">Comercialmeria</span>
|
<div class="navbar-nav ms-lg-auto d-flex align-items-lg-center gap-2" role="navigation">
|
||||||
<!-- Barra de búsqueda con sugerencias -->
|
|
||||||
<form class="search-suggestions-container" method="GET" action="{% url 'search' %}" role="search" id="searchForm">
|
|
||||||
<div class="input-group">
|
|
||||||
<input class="form-control" type="search" name="q" id="searchInput" placeholder="Buscar productos..." aria-label="Buscar" autocomplete="off">
|
|
||||||
<button class="btn btn-outline-primary" type="submit">🔍</button>
|
|
||||||
</div>
|
|
||||||
<div class="search-suggestions" id="searchSuggestions"></div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<div class="navbar-nav ms-auto d-flex align-items-md-center gap-2 flex-wrap" role="navigation">
|
|
||||||
<a href="{% url 'view_cart' %}" class="nav-link position-relative btn btn-outline-primary btn-sm">
|
<a href="{% url 'view_cart' %}" class="nav-link position-relative btn btn-outline-primary btn-sm">
|
||||||
🛒 Carrito
|
🛒 Carrito
|
||||||
{% if cart_count > 0 %}
|
{% if cart_count > 0 %}
|
||||||
|
|||||||
Binary file not shown.
Binary file not shown.
@@ -1358,6 +1358,22 @@ class EndpointViewTests(TestCase):
|
|||||||
response = self.client.get(url)
|
response = self.client.get(url)
|
||||||
self.assertEqual(response.status_code, 200)
|
self.assertEqual(response.status_code, 200)
|
||||||
|
|
||||||
|
def test_navbar_search_is_visible_outside_collapsible_menu(self):
|
||||||
|
self._login(self.seller)
|
||||||
|
response = self.client.get(reverse("home"))
|
||||||
|
self.assertEqual(response.status_code, 200)
|
||||||
|
|
||||||
|
content = response.content.decode()
|
||||||
|
search_form_index = content.find('id="searchForm"')
|
||||||
|
collapsed_menu_index = content.find('id="navbarContent"')
|
||||||
|
self.assertGreaterEqual(search_form_index, 0)
|
||||||
|
self.assertGreaterEqual(collapsed_menu_index, 0)
|
||||||
|
self.assertLess(search_form_index, collapsed_menu_index)
|
||||||
|
|
||||||
|
self.assertContains(response, "navbar navbar-expand-lg header")
|
||||||
|
self.assertContains(response, "search-suggestions-container order-3 order-lg-0 w-100 w-lg-auto mt-2 mt-lg-0")
|
||||||
|
self.assertContains(response, "navbar-nav ms-lg-auto d-flex align-items-lg-center gap-2")
|
||||||
|
|
||||||
def test_login_required_endpoints_redirect_anonymous(self):
|
def test_login_required_endpoints_redirect_anonymous(self):
|
||||||
secured_get_routes = [
|
secured_get_routes = [
|
||||||
reverse("mis_productos"),
|
reverse("mis_productos"),
|
||||||
|
|||||||
Reference in New Issue
Block a user