Changeset 33146

Timestamp:

07/09/2015 07:11:19 PM (10 years ago)

Author:

helen

Message:

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.

File:

• trunk/src/wp-admin/css/list-tables.css (modified) (3 diffs)

trunk/src/wp-admin/css/list-tables.css

@@ -458 +458 @@
 }
 
-.wp-list-table .toggle-row:focus {
+.wp-list-table .toggle-row:focus:before {
     -webkit-box-shadow:
         0 0 0 1px #5b9dd9,
@@ -467 +467 @@
 }
 
-.ie8 .wp-list-table .toggle-row:focus {
+.ie8 .wp-list-table .toggle-row:focus:before {
     outline: #5b9dd9 solid 1px;
 }
@@ -478 +478 @@
 .wp-list-table .toggle-row:before {
     position: absolute;
-    top: 0;
+    top: -5px;
     left: 10px;
+    border-radius: 50%;
     display: block;
-    padding: 0;
+    padding: 1px 2px 1px 0;
     color: #666;
     content: '\f140';
     font: normal 20px/1 'dashicons';
-    line-height: 10px;
+    line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;