Improve visible focus in the admin, props lessbloat, fixes #21324

git-svn-id: http://core.svn.wordpress.org/trunk@22268 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrew Ozz 2012-10-22 19:51:51 +00:00
parent 4188c373fd
commit 5b8108a3fd
6 changed files with 51 additions and 61 deletions

View File

@ -195,10 +195,6 @@ strong .post-com-count span {
background: #f1f1f1;
}
.wrap .add-new-h2:focus {
background: #c7e7fd;
}
.subtitle {
color: #777;
}
@ -324,19 +320,9 @@ a:active {
}
a:focus {
background: #c7e7fd;
color: #124964;
}
a:active {
background: none;
outline: thin dotted;
}
#adminmenu a:active {
outline: none;
}
#adminmenu a:hover,
#adminmenu li.menu-top > a:focus,
#adminmenu .wp-submenu a:hover,
@ -793,6 +779,10 @@ table.widefat .spam a:hover,
color: #888;
}
.wp-admin .wp-editor-wrap .wp-switch-editor:active {
background-color: #f5fafd;
}
.wp-admin .wp-editor-wrap.tmce-active .switch-tmce,
.wp-admin .wp-editor-wrap.html-active .switch-html {
background: #f7fcfe;
@ -1420,11 +1410,6 @@ table.diff .diff-addedline ins {
background: transparent url(../images/arrows.png) no-repeat right 4px;
}
#screen-meta-links a:focus {
background-color: #c7e7fd;
color: #124964;
}
#screen-meta-links a:hover,
#screen-meta-links a:active {
color: #000;

View File

@ -191,10 +191,6 @@ strong .post-com-count span {
background: #f1f1f1;
}
.wrap .add-new-h2:focus {
background: #c7e7fd;
}
.subtitle {
color: #777;
}
@ -320,19 +316,9 @@ a:active {
}
a:focus {
background: #c7e7fd;
color: #124964;
}
a:active {
background: none;
outline: thin dotted;
}
#adminmenu a:active {
outline: none;
}
#adminmenu a:hover,
#adminmenu li.menu-top > a:focus,
#adminmenu .wp-submenu a:hover,
@ -746,11 +732,6 @@ table.widefat span.spam a,
background: transparent url(../images/arrows.png) no-repeat right 4px;
}
#screen-meta-links a:focus {
background-color: #c7e7fd;
color: #124964;
}
#screen-meta-links a:hover,
#screen-meta-links a:active {
color: #333;

View File

@ -309,13 +309,29 @@ select {
}
a,
input,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="url"],
select,
textarea,
div {
outline: 0;
}
a:focus,
a:active {
outline: thin dotted;
}
#adminmenu a:focus,
#adminmenu a:active,
.screen-reader-text:focus {
outline: none;
}
blockquote,
q {
quotes: none;
@ -706,7 +722,7 @@ input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus {
border-color: #a1a1a1;
border-color: #aaa;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
@ -1159,6 +1175,12 @@ form.upgrade .hint {
margin: 0 24px 0 0;
}
#screen-meta-links a:focus {
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
outline: none;
}
/* screen options and help tabs revert */
#screen-meta {
display: none;
@ -4538,6 +4560,10 @@ h3.available-themes {
overflow: hidden;
}
.available-theme a.screenshot:focus {
border-color: #777;
}
#current-theme .theme-info li,
.theme-options li,
.available-theme .action-links li {
@ -6495,6 +6521,7 @@ a.rsswidget {
width: 326px;
height: 67px;
text-indent: -9999px;
outline: none;
overflow: hidden;
padding-bottom: 15px;
display: block;

View File

@ -383,11 +383,6 @@ $(document).ready( function() {
});
}
// Blur accessibility link background color onclick
$(document).on('click.wp-accessibility-blur', 'a', function() {
$(this).blur();
});
// Scroll into view when focused
$('#contextual-help-link, #show-settings-link').on( 'focus.scroll-into-view', function(e){
if ( e.target.scrollIntoView )

View File

@ -165,13 +165,11 @@ tagBox = {
// tag cloud
$('a.tagcloud-link').click(function(){
if ( ! $('.the-tagcloud').length )
tagBox.get( $(this).attr('id') );
$(this).unbind().click(function(){
$(this).siblings('.the-tagcloud').toggle();
return false;
});
return false;
});
}
};

View File

@ -1019,6 +1019,10 @@ html[dir="rtl"] .wp-switch-editor {
float: left;
}
.wp-switch-editor:active {
background-color: #f1f1f1;
}
.wp-switch-editor:hover {
text-decoration: none !important;
}