In List Tables, ensure sorting indicator is visible on focus

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


Built from https://develop.svn.wordpress.org/trunk@32521


git-svn-id: http://core.svn.wordpress.org/trunk@32491 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Aaron Jorbin 2015-05-21 18:05:26 +00:00
parent 33b99991a8
commit 2dff825af7
5 changed files with 21 additions and 27 deletions

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: 100% 0;
}
th.sorted.desc .sorting-indicator,
th.asc:hover span.sorting-indicator {
display: block;
background-position: -7px 0;
}
/* Bulk Actions */

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 */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
*
* @global string $wp_version
*/
$wp_version = '4.3-alpha-32520';
$wp_version = '4.3-alpha-32521';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.