fixed a bug where all links under an aria-current="page" submenu heading would be underlined
This commit is contained in:
parent
e74ecbd799
commit
32ef823d34
@ -183,7 +183,8 @@ a {
|
|||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
li[aria-current=page] a {
|
li[aria-current=page]>a,
|
||||||
|
li[aria-current=page]>details>summary>a {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -9,12 +9,14 @@
|
|||||||
<ul id="main-menu-items" role="list">
|
<ul id="main-menu-items" role="list">
|
||||||
{% for title, link in MENUITEMS %}
|
{% for title, link in MENUITEMS %}
|
||||||
{% if link is iterable and link is not string %}{% set submenu = true %}{% endif %}
|
{% if link is iterable and link is not string %}{% set submenu = true %}{% endif %}
|
||||||
<li role="listitem"{% if output_file[-10:] == "index.html" and (output_file[:-10] == link or (submenu and output_file[:-10] == link[0][1])) %} aria-current="page"{% endif %}>
|
{# aria-current tells the browser which menu link corresponds to the current page #}
|
||||||
|
<li role="listitem"{% if output_file[-10:] == "index.html" and (output_file[:-10] == link or (submenu and output_file[:-10] == link[0][1])) %} aria-current="page"{% endif %}{% if submenu %} aria-haspopup="menu"{% endif %}>
|
||||||
{% if submenu %}
|
{% if submenu %}
|
||||||
<details class="dropdown">
|
<details class="dropdown">
|
||||||
<summary><a href="{{ SITEURL }}/{{ link[0][1]}}">{{ title }}</a></summary>
|
<summary><a href="{{ SITEURL }}/{{ link[0][1]}}">{{ title }}</a></summary>
|
||||||
<ul>
|
<ul>
|
||||||
{% for t, l in link %}
|
{% for t, l in link %}
|
||||||
|
{# skip first submenu entry as it contains only the link for the summary (which has already been set) #}
|
||||||
{% if not loop.first %}
|
{% if not loop.first %}
|
||||||
<li role="listitem"{% if output_file[-10:] == "index.html" and output_file[:-10] == l %} aria-current="page"{% endif %}><a href="{{ SITEURL }}/{{ l }}">{{ t }}</a></li>
|
<li role="listitem"{% if output_file[-10:] == "index.html" and output_file[:-10] == l %} aria-current="page"{% endif %}><a href="{{ SITEURL }}/{{ l }}">{{ t }}</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user