Allow tabbing to generic list elements

This commit is contained in:
Daniel_I_Am 2022-06-14 17:23:25 +02:00
parent 1e64328a64
commit 0847809834

View File

@ -25,7 +25,7 @@
{{ if $pagination }} {{ if $pagination }}
{{ $paginator := $page.Paginate $entries }} {{ $paginator := $page.Paginate $entries }}
{{ range $paginator.Pages }} {{ range $paginator.Pages }}
<li class="list-item" data-href="{{ .Permalink }}" role="button"> <li class="list-item" data-href="{{ .Permalink }}" role="button" tabindex="0">
<img class="list-item-image" src="//via.placeholder.com/128" alt="{{ index $ "labelSingular" }} Topic"> <img class="list-item-image" src="//via.placeholder.com/128" alt="{{ index $ "labelSingular" }} Topic">
<div class="list-item-text"> <div class="list-item-text">
<h4 class="list-item-title">{{ .Title }}</h4> <h4 class="list-item-title">{{ .Title }}</h4>
@ -36,7 +36,7 @@
{{ template "_internal/pagination.html" $page }} {{ template "_internal/pagination.html" $page }}
{{ else }} {{ else }}
{{ range ( first $maximumListSize $entries ) }} {{ range ( first $maximumListSize $entries ) }}
<li class="list-item" data-href="{{ .Permalink }}" role="button"> <li class="list-item" data-href="{{ .Permalink }}" role="button" tabindex="0">
<img class="list-item-image" src="//via.placeholder.com/128" alt="{{ index $ "labelSingular" }} Topic"> <img class="list-item-image" src="//via.placeholder.com/128" alt="{{ index $ "labelSingular" }} Topic">
<div class="list-item-text"> <div class="list-item-text">
<h4 class="list-item-title">{{ .Title }}</h4> <h4 class="list-item-title">{{ .Title }}</h4>