Skip to:
Content

BuddyPress.org

Ticket #8451: show-all-toolbar-links-mobile.diff

File show-all-toolbar-links-mobile.diff, 2.9 KB (added by sabernhardt, 5 years ago)

proof-of-concept for showing the full toolbar content at any screen size when logged out

  • src/bp-core/bp-core-adminbar.php

     
    5353        // Show the Toolbar for logged out users.
    5454        if ( ! is_user_logged_in() && (int) bp_get_option( 'hide-loggedout-adminbar' ) != 1 ) {
    5555                show_admin_bar( true );
     56                add_filter( 'body_class', 'bp_show_loggedout_adminbar_class' );
     57                function bp_show_loggedout_adminbar_class( $classes ) {
     58                        $classes[] = 'bp-show-loggedout-adminbar';
     59                        return $classes;
     60                }
    5661        }
    5762
    5863        // Hide the WordPress Toolbar and show the BuddyBar.
  • src/bp-core/css/admin-bar-rtl.css

     
    6868                display: block;
    6969        }
    7070}
     71
     72@media screen and (max-width: 782px) {
     73
     74        #wpadminbar li#wp-admin-bar-bp-login,
     75        #wpadminbar li#wp-admin-bar-bp-register,
     76        .bp-show-loggedout-adminbar #wpadminbar #wp-admin-bar-search {
     77                display: block;
     78        }
     79
     80        #wpadminbar li#wp-admin-bar-bp-login a,
     81        #wpadminbar li#wp-admin-bar-bp-register a {
     82                padding: 0 8px;
     83        }
     84
     85        .bp-show-loggedout-adminbar #wpadminbar #adminbarsearch {
     86                height: 42px;
     87                padding-top: 2px;
     88        }
     89
     90        .bp-show-loggedout-adminbar #wpadminbar #adminbarsearch:before {
     91                font: 28px/1 dashicons!important;
     92                top: 10px;
     93        }
     94
     95        .bp-show-loggedout-adminbar #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
     96                height: 42px;
     97                padding-right: 32px;
     98        }
     99}
     100
     101@media screen and (max-width: 600px) {
     102
     103        .bp-show-loggedout-adminbar #wpadminbar li#wp-admin-bar-wp-logo {
     104                display: block;
     105        }
     106}
  • src/bp-core/css/admin-bar.css

     
    6868                display: block;
    6969        }
    7070}
     71
     72@media screen and (max-width: 782px) {
     73
     74        #wpadminbar li#wp-admin-bar-bp-login,
     75        #wpadminbar li#wp-admin-bar-bp-register,
     76        .bp-show-loggedout-adminbar #wpadminbar #wp-admin-bar-search {
     77                display: block;
     78        }
     79
     80        #wpadminbar li#wp-admin-bar-bp-login a,
     81        #wpadminbar li#wp-admin-bar-bp-register a {
     82                padding: 0 8px;
     83        }
     84
     85        .bp-show-loggedout-adminbar #wpadminbar #adminbarsearch {
     86                height: 42px;
     87                padding-top: 2px;
     88        }
     89
     90        .bp-show-loggedout-adminbar #wpadminbar #adminbarsearch:before {
     91                font: 28px/1 dashicons!important;
     92                top: 10px;
     93        }
     94
     95        .bp-show-loggedout-adminbar #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
     96                height: 42px;
     97                padding-left: 32px;
     98        }
     99}
     100
     101@media screen and (max-width: 600px) {
     102
     103        .bp-show-loggedout-adminbar #wpadminbar li#wp-admin-bar-wp-logo {
     104                display: block;
     105        }
     106}