Make WordPress Core

Changeset 22268


Ignore:
Timestamp:
10/22/2012 07:51:51 PM (12 years ago)
Author:
azaozz
Message:

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

Location:
trunk
Files:
6 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/css/colors-classic.css

    r22239 r22268  
    196196}
    197197
    198 .wrap .add-new-h2:focus {
    199     background: #c7e7fd;
    200 }
    201 
    202198.subtitle {
    203199    color: #777;
     
    325321
    326322a:focus {
    327     background: #c7e7fd;
    328323    color: #124964;
    329 }
    330 
    331 a:active {
    332     background: none;
    333     outline: thin dotted;
    334 }
    335 
    336 #adminmenu a:active {
    337     outline: none;
    338324}
    339325
     
    792778    border-color: #d1e5ee #d1e5ee #d3e9f2;
    793779    color: #888;
     780}
     781
     782.wp-admin .wp-editor-wrap .wp-switch-editor:active {
     783    background-color: #f5fafd;
    794784}
    795785
     
    14191409    color: #606060;
    14201410    background: transparent url(../images/arrows.png) no-repeat right 4px;
    1421 }
    1422 
    1423 #screen-meta-links a:focus {
    1424     background-color: #c7e7fd;
    1425     color: #124964;
    14261411}
    14271412
  • trunk/wp-admin/css/colors-fresh.css

    r22239 r22268  
    192192}
    193193
    194 .wrap .add-new-h2:focus {
    195     background: #c7e7fd;
    196 }
    197 
    198194.subtitle {
    199195    color: #777;
     
    321317
    322318a:focus {
    323     background: #c7e7fd;
    324319    color: #124964;
    325 }
    326 
    327 a:active {
    328     background: none;
    329     outline: thin dotted;
    330 }
    331 
    332 #adminmenu a:active {
    333     outline: none;
    334320}
    335321
     
    745731    color: #777;
    746732    background: transparent url(../images/arrows.png) no-repeat right 4px;
    747 }
    748 
    749 #screen-meta-links a:focus {
    750     background-color: #c7e7fd;
    751     color: #124964;
    752733}
    753734
  • trunk/wp-admin/css/wp-admin.css

    r22263 r22268  
    310310
    311311a,
    312 input,
     312input[type="text"],
     313input[type="password"],
     314input[type="number"],
     315input[type="search"],
     316input[type="email"],
     317input[type="url"],
    313318select,
    314319textarea,
    315320div {
    316321    outline: 0;
     322}
     323
     324a:focus,
     325a:active {
     326    outline: thin dotted;
     327}
     328
     329#adminmenu a:focus,
     330#adminmenu a:active,
     331.screen-reader-text:focus {
     332    outline: none;
    317333}
    318334
     
    707723input[type="url"]:focus,
    708724select:focus {
    709     border-color: #a1a1a1;
     725    border-color: #aaa;
    710726    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    711727    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
     
    11581174#screen-meta-links {
    11591175    margin: 0 24px 0 0;
     1176}
     1177
     1178#screen-meta-links a:focus {
     1179    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
     1180    box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
     1181    outline: none;
    11601182}
    11611183
     
    45374559    margin-top: 10px;
    45384560    overflow: hidden;
     4561}
     4562
     4563.available-theme a.screenshot:focus {
     4564    border-color: #777;
    45394565}
    45404566
     
    64966522    height: 67px;
    64976523    text-indent: -9999px;
     6524    outline: none;
    64986525    overflow: hidden;
    64996526    padding-bottom: 15px;
  • trunk/wp-admin/js/common.js

    r22262 r22268  
    384384    }
    385385
    386     // Blur accessibility link background color onclick
    387     $(document).on('click.wp-accessibility-blur', 'a', function() {
    388         $(this).blur();
    389     });
    390 
    391386    // Scroll into view when focused
    392387    $('#contextual-help-link, #show-settings-link').on( 'focus.scroll-into-view', function(e){
  • trunk/wp-admin/js/post.js

    r22250 r22268  
    125125        var t = this, ajaxtag = $('div.ajaxtag');
    126126
    127         $('.tagsdiv').each( function() {
    128             tagBox.quickClicks(this);
    129         });
     127        $('.tagsdiv').each( function() {
     128            tagBox.quickClicks(this);
     129        });
    130130
    131131        $('input.tagadd', ajaxtag).click(function(){
     
    139139        $('input.newtag', ajaxtag).blur(function() {
    140140            if ( this.value == '' )
    141                 $(this).parent().siblings('.taghint').css('visibility', '');
    142         }).focus(function(){
     141                $(this).parent().siblings('.taghint').css('visibility', '');
     142        }).focus(function(){
    143143            $(this).parent().siblings('.taghint').css('visibility', 'hidden');
    144144        }).keyup(function(e){
     
    157157        });
    158158
    159         // save tags on post save/publish
    160         $('#post').submit(function(){
     159        // save tags on post save/publish
     160        $('#post').submit(function(){
    161161            $('div.tagsdiv').each( function() {
    162                 tagBox.flushTags(this, false, 1);
     162                tagBox.flushTags(this, false, 1);
    163163            });
    164164        });
     
    166166        // tag cloud
    167167        $('a.tagcloud-link').click(function(){
    168             tagBox.get( $(this).attr('id') );
    169             $(this).unbind().click(function(){
    170                 $(this).siblings('.the-tagcloud').toggle();
    171                 return false;
    172             });
     168            if ( ! $('.the-tagcloud').length )
     169                tagBox.get( $(this).attr('id') );
     170            $(this).siblings('.the-tagcloud').toggle();
    173171            return false;
    174172        });
     
    278276        taxonomyParts.shift();
    279277        taxonomy = taxonomyParts.join('-');
    280         settingName = taxonomy + '_tab';
    281         if ( taxonomy == 'category' )
    282             settingName = 'cats';
     278        settingName = taxonomy + '_tab';
     279        if ( taxonomy == 'category' )
     280            settingName = 'cats';
    283281
    284282        // TODO: move to jQuery 1.3+, support for multiple hierarchical taxonomies, see wp-lists.js
  • trunk/wp-includes/css/editor.css

    r22077 r22268  
    10201020}
    10211021
     1022.wp-switch-editor:active {
     1023    background-color: #f1f1f1;
     1024}
     1025
    10221026.wp-switch-editor:hover {
    10231027    text-decoration: none !important;
Note: See TracChangeset for help on using the changeset viewer.