Begin to generalize toolbar icon CSS. see #19404.

git-svn-id: http://svn.automattic.com/wordpress/trunk@19500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
koopersmith 2011-12-01 00:16:17 +00:00
parent 7c6cd25f00
commit 9c4cab4c3b
4 changed files with 22 additions and 19 deletions

View File

@ -74,7 +74,7 @@ add_action( 'admin_footer', 'wp_admin_bar_render', 1000 );
function wp_admin_bar_wp_menu( $wp_admin_bar ) {
$wp_admin_bar->add_menu( array(
'id' => 'wp-logo',
'title' => '<span class="ab-wp-logo"></span>',
'title' => '<div class="ab-icon"></div>',
'href' => admin_url( 'about.php' ),
) );
@ -518,7 +518,7 @@ function wp_admin_bar_comments_menu( $wp_admin_bar ) {
$awaiting_mod = $awaiting_mod->moderated;
$awaiting_title = esc_attr( sprintf( _n( '%s comment awaiting moderation', '%s comments awaiting moderation', $awaiting_mod ), number_format_i18n( $awaiting_mod ) ) );
$icon = '<div class="ab-comments-icon">';
$icon = '<div class="ab-icon">';
$icon .= '<div class="ab-comments-icon-body"></div>';
$icon .= '<div class="ab-comments-icon-arrow"></div>';
$icon .= '</div>';

File diff suppressed because one or more lines are too long

View File

@ -470,35 +470,38 @@
}
/**
* WP Logo item
* ICONS
*/
#wpadminbar .ab-wp-logo {
display: block;
height: 28px;
#wpadminbar .ab-icon {
position: relative;
float: left;
width: 16px;
height: 16px;
margin-top: 6px;
}
/**
* WP Logo icon
*/
#wp-admin-bar-wp-logo > .ab-item .ab-icon {
background-image: url(../images/admin-bar-sprite.png?d=20111122);
background-position: -2px -72px;
background-position: -2px -78px;
background-repeat: no-repeat;
}
#wpadminbar.nojs #wp-admin-bar-wp-logo:hover .ab-wp-logo,
#wpadminbar #wp-admin-bar-wp-logo.hover .ab-wp-logo {
#wpadminbar.nojs #wp-admin-bar-wp-logo:hover > .ab-item .ab-icon,
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
background-image: url(../images/admin-bar-sprite.png?d=20111122);
background-position: -2px -100px;
background-position: -2px -106px;
background-repeat: no-repeat;
}
/**
* Comments icon
*/
#wpadminbar .ab-comments-icon {
position: relative;
padding-top: 8px;
float: left;
}
#wpadminbar .ab-comments-icon-body {
background: #999;
margin-top: 2px;
height: 10px;
width: 14px;
-webkit-border-radius: 10px;
@ -513,7 +516,7 @@
#wpadminbar a .ab-comments-icon-arrow {
height: 0;
position: absolute;
bottom: -3px;
bottom: 1px;
left: 3px;
/* Use transparent borders to form a triangle */
border-left: 4px solid #999;

View File

@ -454,7 +454,7 @@ function wp_default_styles( &$styles ) {
$styles->add( 'farbtastic', '/wp-admin/css/farbtastic.css', array(), '1.3u1' );
$styles->add( 'jcrop', '/wp-includes/js/jcrop/jquery.Jcrop.css', array(), '0.9.8' );
$styles->add( 'imgareaselect', '/wp-includes/js/imgareaselect/imgareaselect.css', array(), '0.9.1' );
$styles->add( 'admin-bar', "/wp-includes/css/admin-bar$suffix.css", array(), '20111129' );
$styles->add( 'admin-bar', "/wp-includes/css/admin-bar$suffix.css", array(), '20111130' );
$styles->add( 'wp-jquery-ui-dialog', "/wp-includes/css/jquery-ui-dialog$suffix.css", array(), '20111107' );
$styles->add( 'editor-buttons', "/wp-includes/css/editor-buttons$suffix.css", array(), '20111114' );
$styles->add( 'wp-pointer', "/wp-includes/css/wp-pointer$suffix.css", array(), '20111123a' );