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:
parent
d73acccc10
commit
b4f8a1d0c4
|
@ -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
|
@ -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
|
@ -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,
|
||||
|
|
|
@ -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 );
|
||||
|
|
Loading…
Reference in New Issue