Focus indicator for ul listings

8 years ago · 60d525d27a
parent 607204acb6
commit 60d525d27a
1 changed files with 2 additions and 0 deletions
--- a/skins/elastic/styles/widgets/lists.less
+++ b/skins/elastic/styles/widgets/lists.less
@ -50,9 +50,11 @@
    /* Focus indicator */
    /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
    @media screen and (min-width: @screen-width-large) {
+        li > a,
        tbody tr > td:first-child {
            border-left: 2px solid transparent;
        }
+        li > a:focus,
        &.focus tbody tr.focused > td:first-child {
            border-left: 2px solid @color-list-focus-indicator;
        }