Improve 'howdy user' dropdown trigger, delay, and animation. see #17324.

git-svn-id: http://svn.automattic.com/wordpress/trunk@17844 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
koopersmith 2011-05-09 17:48:14 +00:00
parent d73acccc10
commit b4f8a1d0c4
6 changed files with 21 additions and 22 deletions

View File

@ -165,14 +165,13 @@ $links = '<li>' . implode( '</li><li>', $links ) . '</li>';
<div id="wphead-info">
<div id="user_info">
<p><?php echo $howdy; ?></p>
<div id="user_info_arrow">
<p><?php echo $howdy; ?></p>
<div id="user_info_arrow"></div>
<div id="user_info_links_wrap"><div id="user_info_links">
<ul><?php echo $links; ?></ul>
</div></div>
</div>
</div>
</div>
</div>

File diff suppressed because one or more lines are too long

View File

@ -726,7 +726,7 @@ table.widefat span.spam a,
background: transparent url(../images/arrows.png) no-repeat 6px 6px;
}
#user_info_arrow:hover {
#user_info:hover #user_info_arrow {
background: transparent url(../images/arrows-dark.png) no-repeat 6px 6px;
}

File diff suppressed because one or more lines are too long

View File

@ -833,6 +833,7 @@ form.upgrade .hint {
line-height: 32px;
height: 32px;
position: relative;
z-index: 999;
}
#user_info p {
@ -842,18 +843,17 @@ form.upgrade .hint {
}
#user_info_arrow {
height: 32px;
height: 30px;
width: 24px;
position: absolute;
right: -2px;
top: 2px;
z-index: 999;
}
#user_info_links_wrap {
width: 160px;
position: absolute;
top: 30px;
top: 32px;
right: 0;
padding: 0;
text-shadow: rgba(255,255,255,0.7) 0 1px 0;
@ -863,28 +863,28 @@ form.upgrade .hint {
overflow: hidden;
}
#user_info_arrow:hover #user_info_links_wrap {
top: 22px;
#user_info:hover #user_info_links_wrap {
top: 24px;
right: -8px;
padding: 8px;
}
#user_info_arrow:hover #user_info_links ul {
#user_info:hover #user_info_links ul {
margin-top: 0;
-moz-transition: margin-top 150ms ease-out;
-webkit-transition: margin-top 150ms ease-out;
-o-transition: margin-top 150ms ease-out;
transition: margin-top 150ms ease-out;
-moz-transition: margin-top 150ms ease-out 300ms;
-webkit-transition: margin-top 150ms ease-out 300ms;
-o-transition: margin-top 150ms ease-out 300ms;
transition: margin-top 150ms ease-out 300ms;
}
#user_info_links ul {
border-width: 1px;
border-style: solid;
margin-top: -100%;
-moz-transition: margin-top 300ms ease-in;
-webkit-transition: margin-top 300ms ease-in;
-o-transition: margin-top 300ms ease-in;
transition: margin-top 300ms ease-in;
-moz-transition: margin-top 300ms ease-in 400ms;
-webkit-transition: margin-top 300ms ease-in 400ms;
-o-transition: margin-top 300ms ease-in 400ms;
transition: margin-top 300ms ease-in 400ms;
}
#user_info_links ul,

View File

@ -487,13 +487,13 @@ function wp_default_styles( &$styles ) {
// Any rtl stylesheets that don't have a .dev version for ltr
$no_suffix = array( 'farbtastic' );
$styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", array(), '20110508' );
$styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", array(), '20110509' );
$styles->add( 'ie', "/wp-admin/css/ie$suffix.css", array(), '20101102' );
$styles->add_data( 'ie', 'conditional', 'lte IE 7' );
// all colors stylesheets need to have the same query strings (cache manifest compat)
$colors_version = '20110508';
$colors_version = '20110509';
// Register "meta" stylesheet for admin colors. All colors-* style sheets should have the same version string.
$styles->add( 'colors', true, array(), $colors_version );