From 71cbf6825eac78eefa2a06bc27c543816ef95169 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 28 Apr 2026 07:05:32 +0000 Subject: [PATCH 1/4] Initial plan From 63df5cf73fdd091cfe12aa72563b365f3c6157e5 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 28 Apr 2026 07:08:35 +0000 Subject: [PATCH 2/4] Add skip link 'Saltar al contenido' for keyboard/screen reader accessibility Agent-Logs-Url: https://github.com/dsaub/proyecto-final/sessions/6f9c00f2-c1ee-4dc2-80fb-2596645e9221 Co-authored-by: dsaub <54474838+dsaub@users.noreply.github.com> --- tienda/static/css/custom.css | 17 +++++++++++++++++ tienda/templates/tienda/base.html | 3 ++- 2 files changed, 19 insertions(+), 1 deletion(-) diff --git a/tienda/static/css/custom.css b/tienda/static/css/custom.css index eaac49c..efd1115 100644 --- a/tienda/static/css/custom.css +++ b/tienda/static/css/custom.css @@ -1,3 +1,20 @@ +.skip-link { + position: absolute; + top: -40px; + left: 0; + background: #513CB0; + color: #fff; + padding: 8px 16px; + font-weight: 600; + z-index: 10000; + text-decoration: none; + border-radius: 0 0 4px 0; + transition: top 0.2s; +} +.skip-link:focus { + top: 0; +} + @media (min-width: 1250px) { .grid { display: grid; diff --git a/tienda/templates/tienda/base.html b/tienda/templates/tienda/base.html index f58a554..1094df8 100644 --- a/tienda/templates/tienda/base.html +++ b/tienda/templates/tienda/base.html @@ -78,6 +78,7 @@ {% block head %}{% endblock %} + {% cache 500 sidebar request.user.username %} {% endcache %} -
+
{% if messages %}
From 17935c6160f673a6b6841d8998a4805b01c7098f Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 28 Apr 2026 07:09:31 +0000 Subject: [PATCH 3/4] Add :focus-visible to skip link for better keyboard navigation UX Agent-Logs-Url: https://github.com/dsaub/proyecto-final/sessions/6f9c00f2-c1ee-4dc2-80fb-2596645e9221 Co-authored-by: dsaub <54474838+dsaub@users.noreply.github.com> --- tienda/static/css/custom.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/tienda/static/css/custom.css b/tienda/static/css/custom.css index efd1115..e80914d 100644 --- a/tienda/static/css/custom.css +++ b/tienda/static/css/custom.css @@ -11,7 +11,8 @@ border-radius: 0 0 4px 0; transition: top 0.2s; } -.skip-link:focus { +.skip-link:focus, +.skip-link:focus-visible { top: 0; } From ba75a0ab2e4db4df5afe522c53652582410fc3f0 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 29 Apr 2026 07:38:20 +0000 Subject: [PATCH 4/4] Style skip link to visually integrate with navbar header Agent-Logs-Url: https://github.com/dsaub/proyecto-final/sessions/a04a8e28-dcc3-4338-8ee9-49c7494bf486 Co-authored-by: dsaub <54474838+dsaub@users.noreply.github.com> --- tienda/static/css/custom.css | 27 +++++++++++++++++---------- 1 file changed, 17 insertions(+), 10 deletions(-) diff --git a/tienda/static/css/custom.css b/tienda/static/css/custom.css index e80914d..56a7bce 100644 --- a/tienda/static/css/custom.css +++ b/tienda/static/css/custom.css @@ -1,15 +1,22 @@ .skip-link { - position: absolute; - top: -40px; - left: 0; - background: #513CB0; - color: #fff; - padding: 8px 16px; - font-weight: 600; - z-index: 10000; + position: fixed; + top: -100%; + left: 50%; + transform: translateX(-50%); + background: #fff; + color: #513CB0; + padding: 8px 24px; + font-weight: 700; + font-size: 0.9rem; + z-index: 10001; text-decoration: none; - border-radius: 0 0 4px 0; - transition: top 0.2s; + border-radius: 0 0 8px 8px; + border: 2px solid #513CB0; + border-top: none; + box-shadow: 0 4px 12px rgba(81, 60, 176, 0.25); + transition: top 0.2s ease; + outline: none; + white-space: nowrap; } .skip-link:focus, .skip-link:focus-visible {