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

Improve focus styles for the Switch View links in Posts listings and Media Library. 

props afercia.
fixes #32294.

git-svn-id: https://develop.svn.wordpress.org/trunk@32485 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Dominik Schilling (ocean90) 2015-05-11 19:33:32 +00:00
parent 1a8bd3bf07
commit 297a4eae48
2 changed files with 36 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/wp-admin/css/common.css
View File

@ -933,7 +933,7 @@ th.action-links {
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 12px 0 25px;
padding: 0 20px;
padding: 0 10px;
width: 100%;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
box-shadow: 0 1px 1px rgba(0,0,0,0.04);

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

@ -563,12 +563,18 @@ th.asc:hover span.sorting-indicator {
}
.tablenav .displaying-num {
margin-right: 2px;
margin-right: 7px;
color: #777;
font-size: 12px;
font-style: italic;
}
.tablenav .one-page .displaying-num {
display: inline-block;
margin-top: 2px;
margin-right: 0;
}
.tablenav .actions {
overflow: hidden;
padding: 2px 8px 0 0;
@ -603,43 +609,43 @@ classes exist in paginate_links() but not seen in list table output. */
.tablenav .view-switch {
float: right;
margin: 5px 16px 0 8px;
margin: 0 5px;
padding-top: 3px;
/* line-height in px same as .tablenav height */
line-height: 30px;
}
.wp-filter .view-switch {
display: inline-block;
vertical-align: middle;
padding: 15px 0;
margin: 0 20px 0 0;
padding: 12px 0;
margin: 0 8px 0 2px;
}
.media-toolbar.wp-filter .view-switch {
margin: 0 12px 0 2px;
}
.view-switch a {
text-decoration: none;
float: left;
width: 28px;
height: 28px;
text-align: center;
line-height: 24px;
}
.view-switch > a {
display: inline-block;
width: 18px;
height: 18px;
}
.view-switch > a:before {
.view-switch a:before {
color: #b4b9be;
display: inline-block;
float: left;
font: normal 20px/1 'dashicons';
speak: none;
vertical-align: middle;
margin-left: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.view-switch > .view-list:before {
content: '\f163';
}
.view-switch a:hover:before {
.view-switch a:hover:before,
.view-switch a:focus:before {
color: #727272;
}
@ -647,15 +653,15 @@ classes exist in paginate_links() but not seen in list table output. */
color: #0073aa;
}
.view-switch > a + a {
margin-left: 5px;
.view-switch .view-list:before {
content: '\f163';
}
.view-switch > .view-excerpt:before {
.view-switch .view-excerpt:before {
content: '\f164';
}
.view-switch > .view-grid:before {
.view-switch .view-grid:before {
content: '\f509';
}
@ -1545,6 +1551,12 @@ div.action-links,
display: none;
}
.view-switch a {
width: 36px;
height: 36px;
line-height: 33px;
}
/* Pagination */
.tablenav.top .displaying-num {
display: none;