[CSS] Fixed tabbing through accessibility menu. Was invisible when going throught it without a previous target.

This commit is contained in:
Eliseu Amaro 2021-09-07 16:27:23 +01:00 committed by Hugo Sales
parent b0b3ae237a
commit 3c1a9ba3fa
Signed by: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0
3 changed files with 10 additions and 7 deletions

View File

@ -580,8 +580,9 @@ input[type=file] {
list-style-type: disc; list-style-type: disc;
} }
#anchor-menu:target + .accessibility-menu, #anchor-menu:target ~ .accessibility-menu,
.accessibility-menu:focus { .accessibility-menu:focus-within,
.accessibility-menu a:focus {
top: var(--unit-size) !important; top: var(--unit-size) !important;
left: var(--unit-size) !important; left: var(--unit-size) !important;
width: 30% !important; width: 30% !important;

View File

@ -63,8 +63,10 @@
.timeline-nav { .timeline-nav {
margin-bottom: var(--main-size); margin-bottom: var(--main-size);
} }
.timeline-nav a, #timeline-nav-header {
.timeline-nav h1 { font-size: var(--main-size);
}
.timeline-nav a {
display: flex; display: flex;
} }

View File

@ -52,10 +52,10 @@
</nav> </nav>
{% endif %} {% endif %}
<div class="timeline-nav" title="Navigate through different timelines."> <div class="timeline-nav">
<h1 role="tab">Timeline</h1> <strong id="timeline-nav-header">Timeline</strong>
<nav class='sec-nav' role="navigation"> <nav class='sec-nav' role="navigation" title="{{ 'Navigate through the different timelines.' | trans }}">
<ul> <ul>
<li> <li>
<a href="{{ path('main_public') }}" <a href="{{ path('main_public') }}"