Bug 1392066 - #stop-button and #reload-button should fill available width when in the overflow menu. r?Gijs draft
authorSam Foster <sfoster@mozilla.com>
Fri, 15 Sep 2017 10:58:02 -0700
changeset 666386 34a7afacfa78ae1822ae130cabc81ac4f79ad9ed
parent 666274 ffe6cc09ccf38cca6f0e727837bbc6cb722d1e71
child 732089 258e09d9149e592bd9d64d314f6a6d1f06747e87
push id80391
push userbmo:sfoster@mozilla.com
push dateMon, 18 Sep 2017 17:44:24 +0000
reviewersGijs
bugs1392066
milestone57.0a1
Bug 1392066 - #stop-button and #reload-button should fill available width when in the overflow menu. r?Gijs MozReview-Commit-ID: 1mglm8YmvTV
browser/base/content/browser.css
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -488,16 +488,21 @@ toolbar:not(#TabsToolbar) > #personal-bo
 /* The reload-button is only disabled temporarily when it becomes visible
    to prevent users from accidentally clicking it. We don't however need
    to show this disabled state, as the flicker that it generates is short
    enough to be visible but not long enough to explain anything to users. */
 #reload-button[disabled]:not(:-moz-window-inactive) > .toolbarbutton-icon {
   opacity: 1 !important;
 }
 
+/* Ensure stop-button and reload-button are displayed correctly when in the overflow menu */
+.widget-overflow-list > #stop-reload-button > .toolbarbutton-1 {
+  -moz-box-flex: 1;
+}
+
 #PanelUI-feeds > .feed-toolbarbutton:-moz-locale-dir(rtl) {
   direction: rtl;
 }
 
 #appMenu_historyMenu > .bookmark-item,
 #appMenu-library-recentlyClosedTabs > .panel-subview-body > .bookmark-item,
 #appMenu-library-recentlyClosedWindows > .panel-subview-body > .bookmark-item,
 #panelMenu_bookmarksMenu > .bookmark-item {