Provide a default generic avatar icon in the My Account menu if avatars are disabled, ensuring that the link is visible at responsive sizes. See #25858.

git-svn-id: https://develop.svn.wordpress.org/trunk@26744 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Matt Thomas 2013-12-06 21:22:14 +00:00
parent 98b9246261
commit 5112fe565a
2 changed files with 28 additions and 4 deletions

View File

@ -260,7 +260,8 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .ab-icon, #wpadminbar .ab-icon,
#wpadminbar .ab-icon:before, #wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before { #wpadminbar .ab-item:before,
#wpadminbar .ab-item:after {
color: $menu-icon; color: $menu-icon;
} }
@ -282,6 +283,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-icon:before,
#wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:before,
#wpadminbar li:hover .ab-item:after,
#wpadminbar li:hover #adminbarsearch:before { #wpadminbar li:hover #adminbarsearch:before {
color: $menu-highlight-icon; color: $menu-highlight-icon;
} }
@ -324,6 +326,8 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar li .ab-item:focus:before, #wpadminbar li .ab-item:focus:before,
#wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-icon:before,
#wpadminbar li.hover .ab-item:before, #wpadminbar li.hover .ab-item:before,
#wpadminbar li:hover .ab-item:after,
#wpadminbar li.hover .ab-item:after,
#wpadminbar li:hover #adminbarsearch:before { #wpadminbar li:hover #adminbarsearch:before {
color: $menu-submenu-focus-text; color: $menu-submenu-focus-text;
} }

View File

@ -232,6 +232,11 @@
#wpadminbar .ab-item:before, #wpadminbar .ab-item:before,
#wpadminbar #adminbarsearch:before { #wpadminbar #adminbarsearch:before {
color: #999; color: #999;
}
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar #adminbarsearch:before {
position: relative; position: relative;
-moz-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out;
@ -356,6 +361,19 @@
min-width: 198px; min-width: 198px;
} }
#wp-admin-bar-my-account > .ab-item:before {
content: "\f110";
top: 2px;
float: right;
margin-left: 6px;
margin-right: 0;
}
#wp-admin-bar-my-account.with-avatar > .ab-item:before {
display: none;
content: none;
}
#wp-admin-bar-my-account.with-avatar > ul { #wp-admin-bar-my-account.with-avatar > ul {
min-width: 270px; min-width: 270px;
} }
@ -784,7 +802,8 @@
/* My Sites and "Site Title" menu */ /* My Sites and "Site Title" menu */
#wpadminbar #wp-admin-bar-my-sites > .ab-item, #wpadminbar #wp-admin-bar-my-sites > .ab-item,
#wpadminbar #wp-admin-bar-site-name > .ab-item, #wpadminbar #wp-admin-bar-site-name > .ab-item,
#wpadminbar #wp-admin-bar-edit > .ab-item { #wpadminbar #wp-admin-bar-edit > .ab-item,
#wpadminbar #wp-admin-bar-my-account > .ab-item {
text-indent: 100%; text-indent: 100%;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
@ -803,13 +822,14 @@
#wpadminbar #wp-admin-bar-edit > .ab-item:before, #wpadminbar #wp-admin-bar-edit > .ab-item:before,
#wpadminbar #wp-admin-bar-my-sites > .ab-item:before, #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
#wpadminbar #wp-admin-bar-site-name > .ab-item:before { #wpadminbar #wp-admin-bar-site-name > .ab-item:before,
#wpadminbar #wp-admin-bar-my-account > .ab-item:before {
display: block; display: block;
text-indent: 0; text-indent: 0;
font: normal 32px/1 'dashicons'; font: normal 32px/1 'dashicons';
speak: none; speak: none;
top: 7px; top: 7px;
width: 50px; width: 55px;
text-align: center; text-align: center;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;