Changeset 11215

Timestamp:

10/30/2016 10:31:37 PM (7 years ago)

Author:

mercime

Message:

Remove additional arrows from appearing on the BuddyPress' my_account_menu.

The new arrow icons introduced in WP 4.7 trunk caused additional arrows to show
up on the right side of the toolbar menu links for BuddyPress logged in users
which already had arrow icons on the left side for large screens.

Props Offereins, hnla, slaFFik, mercime.
Fixes #7310 (trunk).

Location:

trunk/src/bp-core/css

Files:

• admin-bar-rtl.css (modified) (1 diff)
• admin-bar.css (modified) (1 diff)

trunk/src/bp-core/css/admin-bar-rtl.css

@@ -57 +57 @@
     width: 64px;
 }
+
+/* Remove additional arrows from appearing on the BuddyPress' `my_account_menu`
+ * on large screens. Add back arrows for screen widths 600px and lower.
+ */
+#wpadminbar .wp-admin-bar-arrow-right {
+    display: none;
+}
+
+@media screen and (max-width: 600px) {
+    #wpadminbar .wp-admin-bar-arrow-right {
+        display: block;
+    }
+}

trunk/src/bp-core/css/admin-bar.css

@@ -57 +57 @@
     width: 64px;
 }
+
+/* Remove additional arrows from appearing on the BuddyPress' `my_account_menu`
+ * on large screens. Add back arrows for screen widths 600px and lower.
+ */
+#wpadminbar .wp-admin-bar-arrow-right {
+    display: none;
+}
+
+@media screen and (max-width: 600px) {
+    #wpadminbar .wp-admin-bar-arrow-right {
+        display: block;
+    }
+}