986929 - Australis: Hovering over toolbar button (type=menu-button) in toolbar changes the width of the button

Status: RESOLVED DUPLICATE of bug 984976

(Firefox :: Untriaged, defect)

Description

[dw-dev]

User Agent: Mozilla/5.0 (Windows NT 6.2; WOW64; rv:30.0) Gecko/20100101 Firefox/30.0 (Beta/Release)
Build ID: 20140322004001

Steps to reproduce:

Tested on Windows 8.  Hover mouse over a toolbar button that has type=menu-button in the toolbar.  The width of the toolbar button changes.

The problem is caused by a new rule in 'chrome/browser/skin/classic/aero/browser.css' at line in 5130 (currently):

    /* Introducing an additional hover state for the Bookmark button */
    #nav-bar .toolbarbutton-1[buttonover] > .toolbarbutton-menubutton-button:hover > .toolbarbutton-icon {
      background-color: hsla(210,4%,10%,.08);
      -moz-border-end: 1px solid;
      -moz-padding-end: 5px;
      border-color: hsla(210,4%,10%,.1);
    }

This rule is intended to apply to the  Bookmark toolbar button, but interferes with other toolbar buttons that have type=menu-button.

This rule should be made specific to the Bookmark toolbar button.

For my Tile Tabs add-on, as a workaround, I am currently using:

  toolbar #tiletabs-buttonmenu > toolbarbutton:hover > image
  {
      padding-right: 7px !important;
      border-right: 0px none !important;
  }




Actual results:

The width of the toolbar button changes.



Expected results:

The width of the toolbar buttons should be unchanged.

Comment 2

[Tim Nguyen :ntim]

This bug is fixed in Nightly. It'll soon be fixed in Aurora and Beta.