Skip to:
Content

BuddyPress.org

Opened 13 years ago

Closed 13 years ago

Last modified 8 years ago

#3891 closed defect (bug) (fixed)

Issue with BuddyBar and Twenty Eleven theme (1.3?)

Reported by: jconti's profile j.conti Owned by:
Milestone: 1.6 Priority: normal
Severity: normal Version: 1.5.2
Component: Toolbar & Notifications Keywords: 2nd-opinion has-patch
Cc:

Description

Hi,

There is a issue with BuddyBar and Twenty Eleven theme.

When you are logged in, you can not select the drop down menus on BuddyBar.

Seems the drop down menus is under the theme and when you put the cursor on the drop-down menu, the drop down menu disappears.

Attachments (4)

Pruebas | Probando con WordPress.jpg (68.5 KB) - added by j.conti 13 years ago.
Pruebas | Probando con WordPress-1.jpg (166.2 KB) - added by j.conti 13 years ago.
Pruebas | Probando con WordPress-2.jpg (93.6 KB) - added by j.conti 13 years ago.
buddybar.css.diff (6.9 KB) - added by ppaire 13 years ago.
Patch for buddybar.css

Download all attachments as: .zip

Change History (13)

#1 @boonebgorges
13 years ago

  • Keywords reporter-feedback added

I can't reproduce this on a clean installation of WP 3.3 + BP 1.5.2. Are you running any plugins that may be injecting additional styles, which could be responsible for the oddness? Have you tried analyzing with Firebug?

#2 @j.conti
13 years ago

Is a clean installation and I only have WangGuard but if If I disable WangGuard, the issue remains.

The installation is a WP 3.3 Multisite + BP 1.5.2 on sub site.

http://wangguard.org -> main site (Multisite)
http://network.wangguard.org -> BuddyPress (Sub site)

I used Firebug and if I change the value z-index from 1000 to 9999 on buddybar.css (http://buddypress.trac.wordpress.org/browser/tags/1.5.2/bp-core/css/buddybar.css), the issue is fixed. This is because #branding css on Twenty Eleven Theme was modified 7 weeks ago.

#branding {
    border-top: 2px solid #BBBBBB;
    padding-bottom: 10px;
    position: relative;
    z-index: 9999;
}

If you change the value z-index from 9999 for a value minor to 1000 the issue is fixed too. ( http://core.trac.wordpress.org/browser/tags/3.3/wp-content/themes/twentyeleven/style.css#L503 )

This problem was introduced 7 weeks ago -> http://core.trac.wordpress.org/changeset/19302/trunk/wp-content/themes/twentyeleven/style.css Was for fix this ticket - http://core.trac.wordpress.org/ticket/18938

#3 @j.conti
13 years ago

  • Keywords reporter-feedback removed

#4 @j.conti
13 years ago

Sorry, I forget to add the BuddyPress CSS:

#wp-admin-bar {
    font-size: 11px;
    height: 25px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

This is the BP Style z-index, changing from 1000 to 9999, the issue is fixed.

#5 @j.conti
13 years ago

  • Keywords 2nd-opinion added

#6 @DJPaul
13 years ago

  • Milestone changed from Awaiting Review to 1.6

@ppaire
13 years ago

Patch for buddybar.css

#7 @ppaire
13 years ago

  • Keywords has-patch added

#8 @boonebgorges
13 years ago

  • Resolution set to fixed
  • Status changed from new to closed

(In [5654]) Increase Buddybar z-index for better compatibility with Twenty Eleven WP theme.
Fixes #3891.
Props j.conti, ppaire.

#9 @DJPaul
8 years ago

  • Component changed from General - Toolbar/BuddyBar to Toolbar & Notifications
Note: See TracTickets for help on using tickets.