Improve row focus and keyboard nav in Item Getting Guide

Clearer focus states, row changes bg color on hover/focus to help you
track where you are, remove the redundant image thumbnail link from the
tab order (it's the same as the item name link!)
This commit is contained in:
Emi Matchu 2024-05-22 14:57:28 -07:00
parent 189cb6a132
commit 1bd5598b64
2 changed files with 9 additions and 2 deletions

View file

@ -30,7 +30,7 @@
.name-cell a
text-decoration: none
&:hover
&:hover, &:focus
text-decoration: underline
.actions-cell
@ -38,6 +38,11 @@
padding-left: 1em
font-size: 85%
tbody
tr
&:hover, &:focus-within
background: rgba($module-bg-color, 0.5)
thead
background: $module-bg-color

View file

@ -1,4 +1,6 @@
%tr
%td.thumbnail-cell= link_to item_thumbnail_for(item), item, target: "_blank"
%td.thumbnail-cell
= link_to item_thumbnail_for(item), item, target: "_blank",
tabindex: "-1"
%td.name-cell= link_to item.name, item, target: "_blank"
%td.actions-cell= yield