Changeset 26744

Timestamp:

12/06/2013 09:22:14 PM (11 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;