The menu buttons cut off text when a theme uses a larger font size than expected. This seems to be caused by the 15px height value that is hard coded to the button elements. Changing the height to auto fixes the issue.

CommentFileSizeAuthor
Drupal7-Admin-ButtonOverflow.png14.75 KBbrylie
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

bobojo’s picture

bobojo CreditAttribution: bobojo commented

Any chance of this getting committed? I can create a patch if needed.

In my case, the problem occurs because I'm using Bootstrap, which uses box-sizing: border-box for everything. That means that the buttons are 15px tall INCLUDING padding and borders, which clearly doesn't work here.

designguru’s picture

designguru CreditAttribution: designguru commented

I just saw this error with Bootstrap also - whats the easy CSS workaround for Bootstrap fixes?

q./

bobojo’s picture

bobojo CreditAttribution: bobojo commented

I stopped using this module for unrelated reasons, but you could probably just add a rule that targets the Admin panel and set "box-sizing: content-box;" to make Admin's styles use that instead of Bootstrap's method.