List tables: Better focus styling for the row toggle.
This circular focus styling could probably be expanded to other areas of the admin. props hugobaeta. see #32395. git-svn-id: https://develop.svn.wordpress.org/trunk@33146 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
parent
035ae948d5
commit
17a5f9f494
|
@ -457,7 +457,7 @@ th.asc a:focus span.sorting-indicator:before {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-list-table .toggle-row:focus {
|
.wp-list-table .toggle-row:focus:before {
|
||||||
-webkit-box-shadow:
|
-webkit-box-shadow:
|
||||||
0 0 0 1px #5b9dd9,
|
0 0 0 1px #5b9dd9,
|
||||||
0 0 2px 1px rgba(30, 140, 190, .8);
|
0 0 2px 1px rgba(30, 140, 190, .8);
|
||||||
|
@ -466,7 +466,7 @@ th.asc a:focus span.sorting-indicator:before {
|
||||||
0 0 2px 1px rgba(30, 140, 190, .8);
|
0 0 2px 1px rgba(30, 140, 190, .8);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ie8 .wp-list-table .toggle-row:focus {
|
.ie8 .wp-list-table .toggle-row:focus:before {
|
||||||
outline: #5b9dd9 solid 1px;
|
outline: #5b9dd9 solid 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -477,14 +477,15 @@ th.asc a:focus span.sorting-indicator:before {
|
||||||
|
|
||||||
.wp-list-table .toggle-row:before {
|
.wp-list-table .toggle-row:before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: -5px;
|
||||||
left: 10px;
|
left: 10px;
|
||||||
|
border-radius: 50%;
|
||||||
display: block;
|
display: block;
|
||||||
padding: 0;
|
padding: 1px 2px 1px 0;
|
||||||
color: #666;
|
color: #666;
|
||||||
content: '\f140';
|
content: '\f140';
|
||||||
font: normal 20px/1 'dashicons';
|
font: normal 20px/1 'dashicons';
|
||||||
line-height: 10px;
|
line-height: 1;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
speak: none;
|
speak: none;
|
||||||
|
|
Loading…
Reference in New Issue