Administration: Switch order of label/checkbox in WP_List_Table.

Move the label after the checkbox in `WP_List_Table` instances. Resolve a false positive that will be presented by automated accessibility testing tools. Follow up to [55954].

Props dimitrism, joedolson, sabernhardt, oglekler, marybaum, tobiasbg.
Fixes #58703.

git-svn-id: https://develop.svn.wordpress.org/trunk@56665 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Joe Dolson
2023-09-22 19:56:48 +00:00
parent 9608dd5f69
commit 32ba91e6f5
14 changed files with 43 additions and 37 deletions
+10 -3
View File
@@ -570,7 +570,8 @@ th.sorted.desc:hover .sorting-indicator.asc:before {
position: relative;
}
.check-column .label-covers-full-cell {
.check-column label {
box-sizing: border-box;
width: 100%;
height: 100%;
display: block;
@@ -579,15 +580,21 @@ th.sorted.desc:hover .sorting-indicator.asc:before {
left: 0;
}
.check-column .label-covers-full-cell + input {
.check-column input {
position: relative;
z-index: 1;
}
.check-column .label-covers-full-cell:hover + input {
.check-column input:where(:not(:disabled)):hover,
.check-column:hover input:where(:not(:disabled)) {
box-shadow: 0 0 0 1px #2271b1;
}
.check-column label:hover,
.check-column input:hover + label {
background: rgba(0, 0, 0, 0.05);
}
.locked-indicator {
display: none;
margin-left: 6px;