Bug 978767 - Hovering over the zoom controls and cut/copy/paste in the menu makes the panel layout jump on Linux. r=mconley
authorDão Gottwald <dao@mozilla.com>
Fri, 07 Mar 2014 10:00:28 +0100
changeset 189673 8f7a0ade859c914355d409e0bdd3fbc9f22f77ab
parent 189672 a48993c2af06542da3ca0e31d5401b7a8b4b9c37
child 189674 4886d716a8d98630066f8f39e765c8a977ed8784
push id3503
push userraliiev@mozilla.com
push dateMon, 28 Apr 2014 18:51:11 +0000
treeherdermozilla-beta@c95ac01e332e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmconley
bugs978767
milestone30.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 978767 - Hovering over the zoom controls and cut/copy/paste in the menu makes the panel layout jump on Linux. r=mconley
browser/themes/shared/customizableui/panelUIOverlay.inc.css
--- a/browser/themes/shared/customizableui/panelUIOverlay.inc.css
+++ b/browser/themes/shared/customizableui/panelUIOverlay.inc.css
@@ -815,24 +815,19 @@ toolbarpaletteitem[place="palette"] > #s
                     linear-gradient(to bottom, hsla(210,54%,20%,0), hsla(210,54%,20%,.15) 40%, hsla(210,54%,20%,.15) 60%, hsla(210,54%,20%,0)),
                     linear-gradient(to bottom, hsla(0,0%,100%,0), hsla(0,0%,100%,.3) 40%, hsla(0,0%,100%,.3) 60%, hsla(0,0%,100%,0));
   background-size: 1px, 1px, 1px;
   background-position: 0 0, 1px 0, 2px 0;
   background-repeat: no-repeat;
 }
 
 .toolbaritem-combined-buttons@inAnyPanel@ > separator {
-  /**
-   * The calculation below is a layout hack. Without it, when hovering over
-   * a .toolbaritem-combined-buttons element in the menu panel, the disappearance
-   * of the separator margins causes things in the menu panel to shift by a few
-   * pixels on Linux. See bug 978767.
-   */
-  margin: calc(0.5em - 1px) 0;
+  margin: .5em 0;
   width: 1px;
+  height: auto;
   background: hsla(210,4%,10%,.15);
   transition-property: margin;
   transition-duration: 10ms;
   transition-timing-function: ease;
 }
 
 .toolbaritem-combined-buttons@inAnyPanel@:hover > separator {
   margin: 0;