Bug 1291457 - Set transform-origin on arrow panels even if we don't use the CSS transform animation. draft
authorMarkus Stange <mstange@themasta.com>
Tue, 02 Aug 2016 16:25:20 -0400
changeset 395774 94e453d1e5628acb81239e0823c19291783bf24a
parent 395773 27d39220f52839436b497858d3ba0fc0b6bcc08c
child 395775 23cb515d4b12144549b3a05bfe36337eb08959fd
push id24844
push usermstange@themasta.com
push dateTue, 02 Aug 2016 21:27:11 +0000
bugs1291457
milestone51.0a1
Bug 1291457 - Set transform-origin on arrow panels even if we don't use the CSS transform animation. This will allow nsMenuPopupFrame::LayoutPopup to compute the origin point around which the native arrow panel animation should happen. MozReview-Commit-ID: 7MqJk1oDRVt
browser/base/content/browser.css
toolkit/content/xul.css
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -1076,16 +1076,18 @@ toolbarpaletteitem[place="palette"] > #d
   transform: none;
   opacity: 1.0;
 }
 
 #BMB_bookmarksPopup[animate="cancel"] {
   transform: none;
 }
 
+%endif
+
 #BMB_bookmarksPopup[arrowposition="after_start"]:-moz-locale-dir(ltr),
 #BMB_bookmarksPopup[arrowposition="after_end"]:-moz-locale-dir(rtl) {
   transform-origin: 20px top;
 }
 
 #BMB_bookmarksPopup[arrowposition="after_end"]:-moz-locale-dir(ltr),
 #BMB_bookmarksPopup[arrowposition="after_start"]:-moz-locale-dir(rtl) {
   transform-origin: calc(100% - 20px) top;
@@ -1096,18 +1098,16 @@ toolbarpaletteitem[place="palette"] > #d
   transform-origin: 20px bottom;
 }
 
 #BMB_bookmarksPopup[arrowposition="before_end"]:-moz-locale-dir(ltr),
 #BMB_bookmarksPopup[arrowposition="before_start"]:-moz-locale-dir(rtl) {
   transform-origin: calc(100% - 20px) bottom;
 }
 
-%endif
-
 /* Customize mode */
 #navigator-toolbox,
 #browser-bottombox,
 #content-deck {
   transition-property: margin-left, margin-right;
   transition-duration: 200ms;
   transition-timing-function: linear;
 }
--- a/toolkit/content/xul.css
+++ b/toolkit/content/xul.css
@@ -463,16 +463,18 @@ panel[type="arrow"][animate="open"] {
   transform: none;
   opacity: 1.0;
 }
 
 panel[type="arrow"][animate="cancel"] {
   transform: none;
 }
 
+%endif
+
 panel[arrowposition="after_start"]:-moz-locale-dir(ltr),
 panel[arrowposition="after_end"]:-moz-locale-dir(rtl) {
   transform-origin: 20px top;
 }
 
 panel[arrowposition="after_end"]:-moz-locale-dir(ltr),
 panel[arrowposition="after_start"]:-moz-locale-dir(rtl) {
   transform-origin: calc(100% - 20px) top;
@@ -503,18 +505,16 @@ panel[arrowposition="start_before"]:-moz
   transform-origin: left 20px;
 }
 
 panel[arrowposition="end_after"]:-moz-locale-dir(ltr),
 panel[arrowposition="start_after"]:-moz-locale-dir(rtl) {
   transform-origin: left calc(100% - 20px);
 }
 
-%endif
-
 %ifdef XP_MACOSX
 .statusbar-resizerpanel {
   display: none;
 }
 %else
 window[sizemode="maximized"] statusbarpanel.statusbar-resizerpanel {
   visibility: collapse;
 }