From 414b33f97bdec41fb6be678f12a8f16421748604 Mon Sep 17 00:00:00 2001 From: Eliseu Amaro Date: Mon, 30 Aug 2021 17:56:59 +0100 Subject: [PATCH] [TWIG][CSS] Shortcut menu done. Can access various panel with proper visual feedback. --- public/assets/css/base.css | 33 +++++++++++++ templates/base.html.twig | 56 +++++++++++++++-------- templates/sidepanel/left/left.html.twig | 1 + templates/sidepanel/right/right.html.twig | 2 + 4 files changed, 74 insertions(+), 18 deletions(-) diff --git a/public/assets/css/base.css b/public/assets/css/base.css index 0e548a57ca..ba20dfe9cd 100644 --- a/public/assets/css/base.css +++ b/public/assets/css/base.css @@ -516,4 +516,37 @@ input[type=file]:hover { opacity: unset; transform: none; } +} + +.accessibility-menu { + position: absolute; + left: -1000px; + top: -1000px; + width: 1px; + height: 1px; + overflow: hidden; + z-index: 5000; + background-color: var(--bg1); + padding: var(--unit-size); + border: solid 2px var(--bg3); + border-radius: var(--unit-size); + box-shadow: var(--shadow); +} +.accessibility-menu ul { + list-style-type: disc; +} +#anchor-menu:target + .accessibility-menu, +.accessibility-menu:focus { + top: var(--unit-size) !important; + left: var(--unit-size) !important; + width: 30% !important; + height: min-content !important; +} +.anchor-hidden { + width: 1px; + height: 1px; + overflow: hidden; +} +*:target + * { + border: 2px solid var(--bg3) !important; } \ No newline at end of file diff --git a/templates/base.html.twig b/templates/base.html.twig index 8bbd35cf55..789945813d 100644 --- a/templates/base.html.twig +++ b/templates/base.html.twig @@ -29,28 +29,48 @@ - {% block header %} - - {% endblock header %} +{% block header %} + +{% endblock header %} + +
+ +
+ {% block nav %}{% endblock %} + {% block body %}{% endblock %} + {% block javascripts %}{% endblock javascripts %}
+
diff --git a/templates/sidepanel/left/left.html.twig b/templates/sidepanel/left/left.html.twig index 95096766ef..6e141cf7e0 100644 --- a/templates/sidepanel/left/left.html.twig +++ b/templates/sidepanel/left/left.html.twig @@ -2,6 +2,7 @@ +