WordPress.org

Make WordPress Core

Ticket #15308: 15308.nicer.patch

File 15308.nicer.patch, 13.6 KB (added by ocean90, 3 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 ) : ?>