[Plugin: Responsive adminbar] Questions and wishes add here

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?

What is the problem? How do I look?

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

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;
}

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