Changeset 22268

Timestamp:

10/22/2012 07:51:51 PM (14 years ago)

Author:

azaozz

Message:

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

Location:

trunk

Files:

• wp-admin/css/colors-classic.css (modified) (4 diffs)
• wp-admin/css/colors-fresh.css (modified) (3 diffs)
• wp-admin/css/wp-admin.css (modified) (5 diffs)
• wp-admin/js/common.js (modified) (1 diff)
• wp-admin/js/post.js (modified) (5 diffs)
• wp-includes/css/editor.css (modified) (1 diff)

trunk/wp-admin/css/colors-classic.css

@@ -196 +196 @@
 }
 
-.wrap .add-new-h2:focus {
-        background: #c7e7fd;
-}
-
 .subtitle {
         color: #777;
@@ -325 +321 @@
 
 a:focus {
-        background: #c7e7fd;
         color: #124964;
-}
-
-a:active {
-        background: none;
-        outline: thin dotted;
-}
-
-#adminmenu a:active {
-        outline: none;
 }
 
@@ -792 +778 @@
         border-color: #d1e5ee #d1e5ee #d3e9f2;
         color: #888;
+}
+
+.wp-admin .wp-editor-wrap .wp-switch-editor:active {
+        background-color: #f5fafd;
 }
 
@@ -1419 +1409 @@
         color: #606060;
         background: transparent url(../images/arrows.png) no-repeat right 4px;
-}
-
-#screen-meta-links a:focus {
-        background-color: #c7e7fd;
-        color: #124964;
 }
 

trunk/wp-admin/css/colors-fresh.css

@@ -192 +192 @@
 }
 
-.wrap .add-new-h2:focus {
-        background: #c7e7fd;
-}
-
 .subtitle {
         color: #777;
@@ -321 +317 @@
 
 a:focus {
-        background: #c7e7fd;
         color: #124964;
-}
-
-a:active {
-        background: none;
-        outline: thin dotted;
-}
-
-#adminmenu a:active {
-        outline: none;
 }
 
@@ -745 +731 @@
         color: #777;
         background: transparent url(../images/arrows.png) no-repeat right 4px;
-}
-
-#screen-meta-links a:focus {
-        background-color: #c7e7fd;
-        color: #124964;
 }
 

trunk/wp-admin/css/wp-admin.css

@@ -310 +310 @@
 
 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;
 }
 
@@ -707 +723 @@
 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);
@@ -1158 +1174 @@
 #screen-meta-links {
         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;
 }
 
@@ -4537 +4559 @@
         margin-top: 10px;
         overflow: hidden;
+}
+
+.available-theme a.screenshot:focus {
+        border-color: #777;
 }
 
@@ -6496 +6522 @@
         height: 67px;
         text-indent: -9999px;
+        outline: none;
         overflow: hidden;
         padding-bottom: 15px;

trunk/wp-admin/js/common.js

@@ -384 +384 @@
         }
 
-        // 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){

trunk/wp-admin/js/post.js

@@ -125 +125 @@
                 var t = this, ajaxtag = $('div.ajaxtag');
 
-            $('.tagsdiv').each( function() {
-                tagBox.quickClicks(this);
-            });
+                $('.tagsdiv').each( function() {
+                        tagBox.quickClicks(this);
+                });
 
                 $('input.tagadd', ajaxtag).click(function(){
@@ -139 +139 @@
                 $('input.newtag', ajaxtag).blur(function() {
                         if ( this.value == '' )
-                    $(this).parent().siblings('.taghint').css('visibility', '');
-            }).focus(function(){
+                                $(this).parent().siblings('.taghint').css('visibility', '');
+                }).focus(function(){
                         $(this).parent().siblings('.taghint').css('visibility', 'hidden');
                 }).keyup(function(e){
@@ -157 +157 @@
                 });
 
-            // save tags on post save/publish
-            $('#post').submit(function(){
+                // save tags on post save/publish
+                $('#post').submit(function(){
                         $('div.tagsdiv').each( function() {
-                        tagBox.flushTags(this, false, 1);
+                                tagBox.flushTags(this, false, 1);
                         });
                 });
@@ -166 +166 @@
                 // tag cloud
                 $('a.tagcloud-link').click(function(){
-                        tagBox.get( $(this).attr('id') );
-                        $(this).unbind().click(function(){
-                                $(this).siblings('.the-tagcloud').toggle();
-                                return false;
-                        });
+                        if ( ! $('.the-tagcloud').length )
+                                tagBox.get( $(this).attr('id') );
+                        $(this).siblings('.the-tagcloud').toggle();
                         return false;
                 });
@@ -278 +276 @@
                 taxonomyParts.shift();
                 taxonomy = taxonomyParts.join('-');
-                settingName = taxonomy + '_tab';
-                if ( taxonomy == 'category' )
-                        settingName = 'cats';
+                settingName = taxonomy + '_tab';
+                if ( taxonomy == 'category' )
+                        settingName = 'cats';
 
                 // TODO: move to jQuery 1.3+, support for multiple hierarchical taxonomies, see wp-lists.js

trunk/wp-includes/css/editor.css

@@ -1020 +1020 @@
 }
 
+.wp-switch-editor:active {
+        background-color: #f1f1f1;
+}
+
 .wp-switch-editor:hover {
         text-decoration: none !important;