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 %}