Changeset 26744

Timestamp:

12/06/2013 09:22:14 PM (13 years ago)

Author:

iammattthomas

Message:

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.

Location:

trunk/src

Files:

• wp-admin/css/colors/_admin.scss (modified) (3 diffs)
• wp-includes/css/admin-bar.css (modified) (5 diffs)

trunk/src/wp-admin/css/colors/_admin.scss

@@ -261 +261 @@
 #wpadminbar .ab-icon,
 #wpadminbar .ab-icon:before,
-#wpadminbar .ab-item:before {
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
         color: $menu-icon;
 }
@@ -283 +284 @@
 #wpadminbar li:hover .ab-icon:before,
 #wpadminbar li:hover .ab-item:before,
+#wpadminbar li:hover .ab-item:after,
 #wpadminbar li:hover #adminbarsearch:before {
         color: $menu-highlight-icon;
@@ -325 +327 @@
 #wpadminbar li.hover .ab-icon:before,
 #wpadminbar li.hover .ab-item:before,
+#wpadminbar li:hover .ab-item:after,
+#wpadminbar li.hover .ab-item:after,
 #wpadminbar li:hover #adminbarsearch:before {
         color: $menu-submenu-focus-text;

trunk/src/wp-includes/css/admin-bar.css

@@ -233 +233 @@
 #wpadminbar #adminbarsearch:before {
         color: #999;
+}
+
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar #adminbarsearch:before {
         position: relative;
         -moz-transition: all .1s ease-in-out;
@@ -357 +362 @@
 }
 
+#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 {
         min-width: 270px;
@@ -785 +803 @@
         #wpadminbar #wp-admin-bar-my-sites > .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%;
                 white-space: nowrap;
@@ -804 +823 @@
         #wpadminbar #wp-admin-bar-edit > .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;
                 text-indent: 0;
@@ -810 +830 @@
                 speak: none;
                 top: 7px;
-                width: 50px;
+                width: 55px;
                 text-align: center;
                 -webkit-font-smoothing: antialiased;