WordPress.org
Get WordPress

Make WordPress Core

Ticket #15308: 15308.nicer.patch

File 15308.nicer.patch, 13.6 KB (added by ocean90, 14 years ago)

  • wp-includes/admin-bar.php

     
    121121        foreach ( (array) $wp_admin_bar->user->blogs as $blog ) {
    122122                // @todo Replace with some favicon lookup.
    123123                //$blavatar = '<img src="' . esc_url( blavatar_url( blavatar_domain( $blog->siteurl ), 'img', 16, $default ) ) . '" alt="Blavatar" width="16" height="16" />';
    124                 $blavatar = '<img src="' . esc_url($default) . '" alt="' . esc_attr__( 'Blavatar' ) . '" width="16" height="16" />';
     124                $blavatar = '<img src="' . esc_url($default) . '" alt="' . esc_attr__( 'Blavatar' ) . '" width="16" height="16" class="blavatar"/>';
    125125
    126126                $marker = '';
    127                 if ( strlen($blog->blogname) > 15 )
     127                if ( strlen($blog->blogname) > 18 )
    128128                        $marker = '...';
    129129
    130130                if ( empty( $blog->blogname ) )
    131131                        $blogname = $blog->domain;
    132132                else
    133                         $blogname = substr( $blog->blogname, 0, 15 ) . $marker;
     133                        $blogname = substr( $blog->blogname, 0, 18 ) . $marker;
    134134
    135135                if ( ! isset( $blog->visible ) || $blog->visible === true ) {
    136136                        $wp_admin_bar->add_menu( array( 'parent' => 'my-blogs', 'id' => 'blog-' . $blog->userblog_id, 'title' => $blavatar . $blogname,  'href' => get_admin_url($blog->userblog_id), ) );

  • wp-includes/js/admin-bar.dev.js

     
    2828                while ( t && t != aB && t != d ) {
    2929                        if( 'LI' == t.nodeName.toUpperCase() ) {
    3030                                ancestors[ ancestors.length ] = t;
    31                                 id = getTOID(t);       
     31                                id = getTOID(t);
    3232                                if ( id )
    3333                                        clearTimeout( id );
    3434                                t.className = t.className ? ( t.className.replace(hc, '') + ' hover' ) : 'hover';
    3535                        }
    3636                        t = t.parentNode;
    3737                }
    38                
     38
    3939                /* remove the hover class for any objects not in the immediate element's ancestry */
    4040                while ( i-- ) {
    4141                        inA = false;   
    … …  
    4444                                if ( ancestors[ ancestorLength ] == q[i][1] )
    4545                                        inA = true;     
    4646                        }
    47                        
    48                         /* keep delayed hover on mu (superadmin) menu because it's so easy to mouse away from */
    49                         if ( ! inA && -1 == q[i][1].className.indexOf('ab-superadmin') )
     47
     48                        if ( ! inA )
    5049                                q[i][1].className = q[i][1].className ? q[i][1].className.replace(hc, '') : '';
    5150                }
    5251        },
    … …  
    6766
    6867        clickShortlink = function(e) {
    6968                var t = e.target || e.srcElement, links, i;
    70                
    7169
    7270                if ( 'undefined' == typeof adminBarL10n )
    7371                        return;
    … …  
    9593                                        return false;
    9694                                }
    9795                        }
    98                        
     96
    9997                        alert( adminBarL10n.noShortlink );
    10098                        return false;
    10199                }
    … …  
    104102        addEvent(w, 'load', function() {
    105103                var b = d.getElementsByTagName('body')[0],
    106104                s = d.getElementById('adminbar-search');
    107                
     105
    108106                aB = d.getElementById('wpadminbar');
    109107
    110108                if ( b && aB ) {
    … …  
    132130                                this.value = this.getAttribute('title') == this.value ? '' : this.value;
    133131                        }
    134132                }
    135                
     133
    136134                if ( w.location.hash )
    137135                        w.scrollBy(0,-32);
    138136        });

  • wp-includes/css/admin-bar.dev.css

     
    1313        min-width: 960px;
    1414}
    1515
     16#wpadminbar a,
     17#wpadminbar a:hover {
     18        outline: none;
     19        border: none;
     20        text-decoration: none;
     21}
     22
    1623#wpadminbar ul,
    1724#wpadminbar ul li {
    1825        background: none;
    … …  
    2330        z-index: 99999;
    2431}
    2532
    26 #wpadminbar ul li img {
    27         vertical-align: middle !important;
    28         margin-right: 8px !important;
    29         border: none !important;
    30         padding: 0 !important;
     33#wpadminbar .quicklinks ul {
     34        text-align: left;
    3135}
    3236
     37#wpadminbar .quicklinks ul li {
     38        float: left;
     39}
     40
    3341#wpadminbar .quicklinks > ul > li > a {
    3442        border-right: 1px solid #686868;
    3543        border-left: 1px solid #808080;
    … …  
    4351        border-left-color: #707070;
    4452}
    4553
    46 #wpadminbar a {
    47         outline: none;
    48 }
    49 
    50 #wpadminbar .avatar {
    51         border: 1px solid #999 !important;
    52         padding: 0 !important;
    53         margin: -3px 5px 0 0 !important;
    54         vertical-align: middle;
    55         float: none;
    56         display: inline !important;
    57 }
    58 
    59 #wpadminbar li:hover > ul,
    60 #wpadminbar li.hover > ul {
     54#wpadminbar .quicklinks a {
     55        color: #ddd;
     56        height: 28px;
     57        text-shadow: #555 0px -1px 0px;
    6158        display: block;
    62 }
    63 
    64 
    65 #wpadminbar .menupop li:hover > ul,
    66 #wpadminbar .menupop li.hover > ul {
    67         margin-left: 100%;
    68         margin-top: -28px;
    69 }
    70 
    71 
    72 #wpadminbar .menupop ul li a {
    73         color: #555 !important;
    74         text-shadow: none;
     59        font: 13px Arial, Helvetica, sans-serif;
    7560        font-weight: normal;
    76         white-space: nowrap;
    77 }
    78 
    79 #wpadminbar .menupop a > span {
    80         background: url(../images/admin-bar-sprite.png?d=08102010) 100% 100.4% no-repeat;
    81         padding-right: .8em;
     61        letter-spacing: normal;
     62        padding: 0 0.85em;
    8263        line-height: 28px;
    8364}
    8465
    85 #wpadminbar .menupop ul li a > span {
    86         display: block;
    87         background: url(../images/admin-bar-sprite.png?d=08102010) 100% 97.2% no-repeat;
    88         padding-right: 1.5em;
    89         line-height: 28px;
    90 }
    91 
    92 #wpadminbar ul li a span#ab-awaiting-mod,
    93 #wpadminbar ul li a span#ab-updates {
    94         display: inline;
    95         background: #eee;
    96         color: #333;
    97         padding: 1px 5px;
    98         font-size: 10px;
    99         font-family: verdana;
    100         -moz-border-radius: 5px;
    101         -webkit-border-radius: 5px;
    102         border-radius: 5px;
    103         text-shadow: none;
    104 }
    105 
    106 #wpadminbar ul li a:hover span#ab-awaiting-mod,
    107 #wpadminbar ul li a:hover span#ab-updates  {
    108         background: #fff;
    109         color: #000;
    110 }
    111 
    112 #wpadminbar .menupop ul {
     66#wpadminbar .quicklinks .menupop ul {
    11367        -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    11468        -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.1);
     69        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    11570        background: #fff;
     71        background: rgba(255,255,255,0.97);
    11672        display: none;
    11773        position: absolute;
    11874        border: 1px solid #dfdfdf;
    119         border-top: none !important;
     75        border-top: none;
    12076        float: none;
    12177}
    122 
    123 html>body #wpadminbar .menupop ul {
    124         background: rgba(255,255,255,0.97);
    125         border-color: rgba(0,0,0,0.1);
    126 }
    127 
    128 #wpadminbar .menupop li {
     78#wpadminbar .quicklinks .menupop ul li {
    12979        float: none;
    130         margin: 0;
    131         padding: 0;
    132         background-image: none;
    13380}
    13481
    135 #wpadminbar .quicklinks a {
    136         border: none;
    137         color: #ddd !important;
    138         height: 28px;
    139         text-shadow: #555 0px -1px 0px;
    140         display: block;
    141         font: 13px Arial, Helvetica, sans-serif;
     82#wpadminbar .quicklinks .menupop ul li a {
     83        color: #555;
     84        text-shadow: none;
    14285        font-weight: normal;
    143         letter-spacing: normal;
    144         padding: 0 0.85em;
    145         line-height: 28px;
    146         text-decoration: none !important;
    147 }
    148 
    149 #wpadminbar .quicklinks li ul li a {
     86        white-space: nowrap;
    15087        overflow: hidden;
    15188        width: 160px;
    15289}
    15390
    154 #wpadminbar .quicklinks a:hover {
    155         text-shadow: #333 0px -1px 0px;
     91#wpadminbar .quicklinks .menupop ul li:hover > a {
     92        color: #fff;
     93        text-shadow: #666 0px -1px 0px;
    15694}
    15795
    158 
    159 #wpadminbar li:hover {
    160         background: #555 url(../images/admin-bar-sprite.png?d=08102010) 0 -282px repeat-x;
     96#wpadminbar .quicklinks li:hover > ul,
     97#wpadminbar .quicklinks li.hover > ul {
     98        display: block;
    16199}
    162100
    163 #wpadminbar li li:hover {
    164         color: #fff !important;
    165         background: #888 url(../images/admin-bar-sprite.png?d=08102010) 0 -222px repeat-x !important;
    166         text-shadow: #666 0px -1px 0px;
     101#wpadminbar .quicklinks .menupop li:hover > ul,
     102#wpadminbar .quicklinks .menupop li.hover > ul {
     103        margin-left: 100%;
     104        margin-top: -28px;
    167105}
    168106
    169 #wpadminbar li li:hover > a {
    170         color: #fff !important;
     107#wpadminbar .quicklinks li:hover {
     108        background: #555 url(../images/admin-bar-sprite.png?d=08102010) 0 -282px repeat-x;
    171109}
    172110
    173 .quicklinks ul {
    174         list-style: none;
    175         margin: 0;
    176         padding: 0;
    177         text-align: left;
     111#wpadminbar .quicklinks .menupop li:hover {
     112        background: #888 url(../images/admin-bar-sprite.png?d=08102010) 0 -222px repeat-x;
    178113}
    179114
    180 .quicklinks ul li {
    181         float: left;
    182         margin: 0;
     115#wpadminbar .quicklinks .menupop a > span {
     116        background: url(../images/admin-bar-sprite.png?d=08102010) 100% 100.4% no-repeat;
     117        padding-right: .8em;
    183118}
    184119
    185 
    186 #adminbarsearch {
    187         float: right;
    188         height: 18px;
    189         padding: 3px;
     120#wpadminbar .quicklinks .menupop ul li a > span {
     121        display: block;
     122        background: url(../images/admin-bar-sprite.png?d=08102010) 100% 97.2% no-repeat;
     123        padding-right: 1.5em;
    190124}
    191125
    192 #adminbarsearch * {
    193         color: #555;
    194         font-size: 12px;
     126#wpadminbar .quicklinks a span#ab-awaiting-mod,
     127#wpadminbar .quicklinks a span#ab-updates {
     128        background: #eee;
     129        color: #333;
     130        text-shadow: none;
     131        display: inline;
     132        padding: 2px 5px;
     133        font-size: 10px;
     134        font-weight: bold;
     135        -moz-border-radius: 10px;
     136        -khtml-border-radius: 10px;
     137        -webkit-border-radius: 10px;
     138        border-radius: 10px;
    195139}
    196140
    197 #wpadminbar li.ab-me:hover {
    198         background: none;
     141#wpadminbar .quicklinks a:hover span#ab-awaiting-mod,
     142#wpadminbar .quicklinks a:hover span#ab-updates  {
     143        background: #fff;
     144        color: #000;
    199145}
    200146
    201 #wpadminbar li.ab-me > a {
    202         line-height: 18px !important;
    203         border: none !important;
     147#wpadminbar .quicklinks li.ab-me a {
     148        border: none;
    204149        background: url(../images/admin-bar-sprite.png?d=08102010) 100% 59.8% no-repeat;
    205         height: 28px;
    206         padding: 0 1.15em 0 0.7em;
    207150}
    208151
    209 #wpadminbar li.ab-blog > a:hover {
    210         background-position: 67% 59.8%;
     152#wpadminbar .quicklinks li.ab-my-account a {
     153        border-left: none;
    211154}
    212155
    213 #wpadminbar li.ab-me img.avatar {
    214         margin: 4px 0 0 0 !important;
    215         vertical-align: middle;
    216         background: #eee;
    217         width: 16px !important;
    218         height: 16px !important;
     156#wpadminbar .quicklinks li.ab-me:hover {
     157        background: none;
    219158}
    220159
    221 #wpadminbar li.ab-my-account a {
    222         border-left: none !important;
    223         padding-left: 0.7em !important;
    224         margin-top: 0 !important;
     160#wpadminbar .quicklinks li.ab-me a img.avatar {
     161        border: 1px solid #999;
     162        margin: 5px 2px 0 -4px;
     163        background: #eee;
     164        width: 16px;
     165        height: 16px;
    225166}
    226167
    227 #wpadminbar ul li img {
    228         width: 16px !important;
    229         height: 16px !important;
     168#wpadminbar .quicklinks .menupop li a img.blavatar {
     169        vertical-align: middle;
     170        margin-right: 8px;
    230171}
    231172
    232 #wpadminbar #adminbar-search {
    233         line-height: normal !important;
    234         width: 140px !important;
    235         margin-top: 0px !important;
     173#wpadminbar #adminbarsearch {
     174        float: right;
     175        height: 18px;
     176        padding: 3px;
    236177}
    237178
    238 .adminbar-input {
    239         display: block !important;
    240         float: left !important;
    241         font: 12px Arial, Helvetica, sans-serif !important;
    242         border: 1px solid #626262 !important;
    243         padding: 2px 3px !important;
    244         margin: 0 3px 0 0 !important;
    245         background: #ddd url(../images/admin-bar-sprite.png?d=08102010) top left no-repeat !important;
    246         -webkit-border-radius: 0 !important;
    247         -khtml-border-radius: 0 !important;
    248         -moz-border-radius: 0 !important;
    249         border-radius: 0 !important;
     179#wpadminbar #adminbarsearch .adminbar-input {
     180        color: #555;
     181        width: 140px;
     182        display: block;
     183        float: left;
     184        font: 12px Arial, Helvetica, sans-serif;
     185        border: 1px solid #626262;
     186        padding: 2px 3px;
     187        margin: 0 3px 0 0;
     188        background: #ddd url(../images/admin-bar-sprite.png?d=08102010) top left no-repeat;
     189        -webkit-border-radius: 0;
     190        -khtml-border-radius: 0;
     191        -moz-border-radius: 0;
     192        border-radius: 0;
    250193        outline: none;
    251194        text-shadow: 0 1px 0 #fff;
    252195}
    253196
    254 button.adminbar-button {
     197#wpadminbar #adminbarsearch .adminbar-button {
    255198        position: relative;
    256199        border: 0;
    257200        cursor: pointer;
    … …  
    261204        background: url(../images/admin-bar-sprite.png?d=08102010) right -107px no-repeat;
    262205        padding: 0 14px 0 0;
    263206        text-align: center;
     207        outline: none;
    264208}
    265209
    266 button.adminbar-button span {
     210#wpadminbar #adminbarsearch .adminbar-button span {
    267211        position: relative;
    268212        display: block;
    269213        white-space: nowrap;
    270214        height: 19px;
    271215        background: url(../images/admin-bar-sprite.png?d=08102010) left -69px no-repeat;
    272216        padding: 3px 0 0 14px;
    273         font: 12px Arial, Helvetica, sans-serif !important;
    274         font-weight: bold !important;
    275         color: #444 !important;
    276         text-shadow: 0px 1px 0px #eee !important;
     217        font: 12px Arial, Helvetica, sans-serif;
     218        font-weight: bold;
     219        color: #444;
     220        text-shadow: 0px 1px 0px #eee;
    277221}
    278222
    279 button.adminbar-button:active {
    280         background-position: right -184px !important;
    281         text-shadow: 0px 1px 0px #eee !important;
     223#wpadminbar #adminbarsearch .adminbar-button:active {
     224        background-position: right -184px;
     225        text-shadow: 0px 1px 0px #eee;
    282226}
    283227
    284 button.adminbar-button:hover span {
    285         color: #000 !important;
     228#wpadminbar #adminbarsearch .adminbar-button:hover span {
     229        color: #000;
    286230}
    287231
    288 button.adminbar-button:active span {
    289         background-position: left -146px !important;
     232#wpadminbar #adminbarsearch .adminbar-button:active span {
     233        background-position: left -146px;
    290234}
    291235
    292 button.adminbar-button::-moz-focus-inner {
     236#wpadminbar #adminbarsearch .adminbar-button::-moz-focus-inner {
    293237        border: none;
    294238}
    295239
    296 @media screen and (-webkit-min-device-pixel-ratio: 0) {
    297         button.adminbar-button span {
    298                 margin-top: -1px;
    299         }
    300240
    301 }
    302 
    303 
    304241/**
    305242 * IE 6-targeted rules
    306243 */
    307 
    308 * html #wpadminbar,
    309 * html #wpadminbar .menupop a span,
    310 * html #wpadminbar .menupop ul li a:hover,
    311 * html .quicklinks a:hover,
    312 * html #wpadminbar .menupop:hover {
    313         background-image: none !important;
    314 }
    315 
    316244* html #wpadminbar {
    317245        overflow: hidden;
    318246        position: absolute;
    … …  
    322250        float: left;
    323251}
    324252
    325 * html #adminbarsearch-wrap {
    326         position: absolute;
    327         top: 0;
     253* html #wpadminbar,
     254* html #wpadminbar .menupop a span,
     255* html #wpadminbar .quicklinks li,
     256* html #wpadminbar .quicklinks li:hover {
     257        background-image: none;
    328258}
    329 
    330 * html #wpadminbar ul,
    331 * html #wpadminbar ul li {
    332         zoom: 1;
    333 }
    334 
    335 /**
    336  * End IE 6-targeted rules
    337  */

  • wp-includes/class-wp-admin-bar.php

     
    8989
    9090        function render() {
    9191                ?>
    92                 <div id="wpadminbar" class="snap_nopreview no-grav">
     92                <div id="wpadminbar">
    9393                        <div class="quicklinks">
    9494                                <ul>
    9595                                        <?php foreach ( (array) $this->menu as $id => $menu_item ) : ?>