sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

In List Tables, ensure sorting indicator is visible on focus

Browse Source 
In all List Tables, when tabbing through the sortable headers links, the "sorting-indicator" arrows are not displayed. Keyboard users are missing important feedback about the links purpose. 

Happy #GAAD

Props afercia
Fixes #32189



git-svn-id: https://develop.svn.wordpress.org/trunk@32521 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
jorbin 2015-05-21 18:04:03 +00:00
parent 5de66efda6
commit 8bb46554a8
1 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/wp-admin/css/list-tables.css
View File

@ -372,7 +372,6 @@ table.fixed {
}
.sorting-indicator:before {
background: none;
content: '\f142';
font: normal 20px/1 'dashicons';
speak: none;
@ -396,12 +395,14 @@ table.fixed {
}
th.sorted.asc .sorting-indicator:before,
th.desc:hover span.sorting-indicator:before {
th.desc:hover span.sorting-indicator:before,
th.desc a:focus span.sorting-indicator:before {
content: '\f142';
}
th.sorted.desc .sorting-indicator:before,
th.asc:hover span.sorting-indicator:before {
th.asc:hover span.sorting-indicator:before,
th.asc a:focus span.sorting-indicator:before {
content: '\f140';
}
@ -482,16 +483,12 @@ th.sorted a span {
cursor: pointer;
}
th.sorted.asc .sorting-indicator,
th.desc:hover span.sorting-indicator {
th.sorted .sorting-indicator,
th.desc:hover span.sorting-indicator,
th.desc a:focus span.sorting-indicator,
th.asc:hover span.sorting-indicator,
th.asc a:focus span.sorting-indicator {
display: block;
background-position: 0 0;
}
th.sorted.desc .sorting-indicator,
th.asc:hover span.sorting-indicator {
display: block;
background-position: -7px 0;
}
/* Bulk Actions */