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

@ -166,13 +166,12 @@ $links = '<li>' . implode( '</li><li>', $links ) . '</li>';
<div id="wphead-info"> <div id="wphead-info">
<div id="user_info"> <div id="user_info">
<p><?php echo $howdy; ?></p> <p><?php echo $howdy; ?></p>
<div id="user_info_arrow"> <div id="user_info_arrow"></div>
<div id="user_info_links_wrap"><div id="user_info_links"> <div id="user_info_links_wrap"><div id="user_info_links">
<ul><?php echo $links; ?></ul> <ul><?php echo $links; ?></ul>
</div></div> </div></div>
</div> </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; 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; 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; line-height: 32px;
height: 32px; height: 32px;
position: relative; position: relative;
z-index: 999;
} }
#user_info p { #user_info p {
@ -842,18 +843,17 @@ form.upgrade .hint {
} }
#user_info_arrow { #user_info_arrow {
height: 32px; height: 30px;
width: 24px; width: 24px;
position: absolute; position: absolute;
right: -2px; right: -2px;
top: 2px; top: 2px;
z-index: 999;
} }
#user_info_links_wrap { #user_info_links_wrap {
width: 160px; width: 160px;
position: absolute; position: absolute;
top: 30px; top: 32px;
right: 0; right: 0;
padding: 0; padding: 0;
text-shadow: rgba(255,255,255,0.7) 0 1px 0; text-shadow: rgba(255,255,255,0.7) 0 1px 0;
@ -863,28 +863,28 @@ form.upgrade .hint {
overflow: hidden; overflow: hidden;
} }
#user_info_arrow:hover #user_info_links_wrap { #user_info:hover #user_info_links_wrap {
top: 22px; top: 24px;
right: -8px; right: -8px;
padding: 8px; padding: 8px;
} }
#user_info_arrow:hover #user_info_links ul { #user_info:hover #user_info_links ul {
margin-top: 0; margin-top: 0;
-moz-transition: margin-top 150ms ease-out; -moz-transition: margin-top 150ms ease-out 300ms;
-webkit-transition: margin-top 150ms ease-out; -webkit-transition: margin-top 150ms ease-out 300ms;
-o-transition: margin-top 150ms ease-out; -o-transition: margin-top 150ms ease-out 300ms;
transition: margin-top 150ms ease-out; transition: margin-top 150ms ease-out 300ms;
} }
#user_info_links ul { #user_info_links ul {
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
margin-top: -100%; margin-top: -100%;
-moz-transition: margin-top 300ms ease-in; -moz-transition: margin-top 300ms ease-in 400ms;
-webkit-transition: margin-top 300ms ease-in; -webkit-transition: margin-top 300ms ease-in 400ms;
-o-transition: margin-top 300ms ease-in; -o-transition: margin-top 300ms ease-in 400ms;
transition: margin-top 300ms ease-in; transition: margin-top 300ms ease-in 400ms;
} }
#user_info_links ul, #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 // Any rtl stylesheets that don't have a .dev version for ltr
$no_suffix = array( 'farbtastic' ); $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( 'ie', "/wp-admin/css/ie$suffix.css", array(), '20101102' );
$styles->add_data( 'ie', 'conditional', 'lte IE 7' ); $styles->add_data( 'ie', 'conditional', 'lte IE 7' );
// all colors stylesheets need to have the same query strings (cache manifest compat) // 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. // Register "meta" stylesheet for admin colors. All colors-* style sheets should have the same version string.
$styles->add( 'colors', true, array(), $colors_version ); $styles->add( 'colors', true, array(), $colors_version );