Issue appears in FF3.6.13, Windows vista.
Also testes in Safari 5.0.3, IE8 and Chrome 8.0.552, the issue doesn't appear there.

When using the Administration menu in combination with the Administration menu Toolbar style module. The admin menu is forcing the page out of the screen. See image attached.

Suggestion:
Putting the shadow in the #admin-menu-wrapper and place a bottom-padding and a overflow:hidden on the #admin-menu.
this will fix the problem in FF 3.6.13 ( not tested in other browsers)

CommentFileSizeAuthor
shadow-scrolling.png82.8 KBmartijn de wit

Comments

floole’s picture

floole commented

Activating "Keep menu at top of page" also let's you get rid off the horizontal scroll bars (admin/config/administration/admin_menu).

hedley’s picture

hedley commented

Yes this is causing me problems too. I just added:

#admin-menu {
  -moz-box-shadow: none;
}

To one of my theme stylesheets.

Adding overflow: hidden to #admin-menu and shadow to #admin-menu-wrapper causes the drop-downs to be hidden.

aeski’s picture

aeski commented

The other solution I found was to offset the shadow to the left an equal distance to the spread of the shadow.
For example the default is 20px

#admin-menu {
box-shadow: 0 3px 20px #000;
}

#admin-menu {
box-shadow: -20px 3px 20px #000
}

This does however fade the strength of the shadow out on the right hand 20px of the menu.
I used this for a while before I completely re-themed the default menu, and disabled the "admin menu toolbar style" module

aeski’s picture

aeski commented

Actually I should think hedley's solution would be the better option, and by changing the overflow: hidden to overflow-x: hidden it may work.

sun’s picture

sun
Primary language German
Location Karlsruhe
commented
Status: Active » Closed (duplicate)

Marking as duplicate of #1022902: Align Better Toolbar style with core Toolbar style - please contribute over there!

kmonty’s picture

kmonty
He/Him
Location Berlin, DE + SF, CA
commented

I just wanted to note that this is still an issue, despite the issue in comment #5 being closed. An active thread here: #1604950: Admin menu CSS causes horizontal scrollbar