Changeset 12877

Timestamp:

04/06/2021 07:18:16 PM (5 years ago)

Author:

imath

Message:

Improve the WP Admin Bar for logged out users on mobile/small screens

On mobile/small screens, the WP Admin Bar generated by BuddyPress does not show anything and becomes a useless dark area at the top of the page. To make it more interesting, let's make sure the login and register links are shown.

Props sabernhardt

Fixes #8451

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

@@ -69 +69 @@
         }
 }
+
+@media screen and (max-width: 782px) {
+
+        #wpadminbar li#wp-admin-bar-bp-login,
+        #wpadminbar li#wp-admin-bar-bp-register {
+                display: block;
+        }
+
+        #wpadminbar li#wp-admin-bar-bp-login a,
+        #wpadminbar li#wp-admin-bar-bp-register a {
+                padding: 0 8px;
+        }
+}

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

@@ -69 +69 @@
         }
 }
+
+@media screen and (max-width: 782px) {
+
+        #wpadminbar li#wp-admin-bar-bp-login,
+        #wpadminbar li#wp-admin-bar-bp-register {
+                display: block;
+        }
+
+        #wpadminbar li#wp-admin-bar-bp-login a,
+        #wpadminbar li#wp-admin-bar-bp-register a {
+                padding: 0 8px;
+        }
+}