WordPress.org

Ready to get started?Download WordPress

Forums

Responsive adminbar
Questions and wishes add here (6 posts)

  1. Evgeny Vlasov
    Member
    Plugin Author

    Posted 1 year ago #

    I am pleased to answer your questions and listen to suggestions.

    http://wordpress.org/extend/plugins/responsive-adminbar/

  2. Prometheus Fire
    Member
    Posted 1 year ago #

    This plugin is a great idea, but I've been struggling with the WordPress admin bar being responsive across a multisite network with buddypress.

    Any chance you can test and accomodate for that?

  3. Evgeny Vlasov
    Member
    Plugin Author

    Posted 1 year ago #

    What is the problem? How do I look?

  4. Christian Wach
    Member
    Posted 1 year ago #

    Hi Evgeny,

    Thanks for the plugin, great idea. I agree with the previous thread that this should be in core.

    I think what Prometheus Fire is talking about is that in Multisite and BuddyPress the admin bar may be visible even to non-logged-in users. Your plugin will not insert its styles in that context. To fix the issue, change if ( is_user_logged_in() ) { to if ( function_exists( 'is_admin_bar_showing' ) AND is_admin_bar_showing() ) {. This means the plugin will require at least WP 3.1 but that seems reasonable.

    I've made a few tweaks to the styles that the plugin inserts which may be helpful. Could you consider changing the following:

    • reduce the min-width to 320px to accommodate mobile screens: #wpadminbar { min-width: 320px; }
    • add a top margin to the user avatar because setting the font-size to 0 kills the line-height and vertical-align properties which give it space. Adding the following declaration fixes this: #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { margin-top: 4px; }.

    Finally, perhaps you could put the plugin up on GitHub so people can contribute more easily?

    Thanks again,

    Christian

  5. Christian Wach
    Member
    Posted 1 year ago #

    One more thing - if Gravatars are switched off, the My Account item at top right has no identifying feature. I fixed this by ignoring my second change above and adding the following, which adds a small mystery man icon if Gravatars are switched off:

    /* without avatar */
    #wpadminbar .quicklinks li#wp-admin-bar-my-account > a
    {
    	width: 16px;
    	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3RTJCRDhFMDk4NzMxMUUyOUE2RTgwRTY4MDI4OTJERCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3RTJCRDhERjk4NzMxMUUyOUE2RTgwRTY4MDI4OTJERCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcDpDcmVhdGVEYXRlPSIyMDEyLTEwLTEwVDExOjA4OjU1KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxMy0wNC0wOFQxMzoyNzoyMCswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxMy0wNC0wOFQxMzoyNzoyMCswMTowMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVGMkREQ0U1MTVDNzExRTJBNUE4QTQ2Q0ZGRDQ0MkY4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVGMkREQ0U2MTVDNzExRTJBNUE4QTQ2Q0ZGRDQ0MkY4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8m9s+gAAAWBJREFUeNqkUrtKxEAUnTwnxNiJaCEWVlvYCRaCxkrED1CwW7ZZKwvxA6zttbPxH2wUi3R2/oGNjaXJ5v3w3LAT4k4MQgaGmbmPc8+5c5WqqtiQpbKBazCALi6e5zVGRVG0oiiuoiia4mlwzh81Tbspy3ImYlzX/Q3QSmZJktzGcXwp3mEYXpumuWlZ1tlizxoJhmHUW1XVUZqmU0qkLUBgO0Xyga7rDGxkADKSE0FboMq79AJoG0wYbakHSGLzql+icsf6yPOctWU0DMiRZRk53yDluR1Ed7B7h7xXNLcuJgGQUThs275AwqcAgbxvx3EmAJj1zgFRB8guuv6Ac01Iwd2B7Q7VDxflNQBAp8D9IAhe0PE9VNfacbDt+L7/BKknfzFYxuDcA2Spq4lzdpyYAHxVAkADz4E+6vmBGgQyNhA37vqF4//OP4odSXMA5HUc1OWkLxksTMSuiPePAAMArCS2YBp1VpYAAAAASUVORK5CYII=);
    	background-repeat: no-repeat !important;
    	background-position: center 4px !important;
    }
    
    /* with avatar */
    #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a.ab-item
    {
    	width: auto;
    	background-image: none;
    }
    
    #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img
    {
    	margin-top: 4px;
    }
  6. Evgeny Vlasov
    Member
    Plugin Author

    Posted 1 year ago #

    @needle, thanks for the help! I will try to supplement quickly.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic