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
|
@ -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
|
@ -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
|
@ -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,
|
||||||
|
|
|
@ -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 );
|
||||||
|
|
Loading…
Reference in New Issue