[CSS] Fixed tabbing through accessibility menu. Was invisible when going throught it without a previous target.
This commit is contained in:
parent
b0b3ae237a
commit
3c1a9ba3fa
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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') }}"
|
||||||
|
Loading…
Reference in New Issue
Block a user