[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;
}
#anchor-menu:target + .accessibility-menu,
.accessibility-menu:focus {
#anchor-menu:target ~ .accessibility-menu,
.accessibility-menu:focus-within,
.accessibility-menu a:focus {
top: var(--unit-size) !important;
left: var(--unit-size) !important;
width: 30% !important;

View File

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

View File

@ -52,10 +52,10 @@
</nav>
{% endif %}
<div class="timeline-nav" title="Navigate through different timelines.">
<h1 role="tab">Timeline</h1>
<div class="timeline-nav">
<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>
<li>
<a href="{{ path('main_public') }}"