Bug 1405781 - Don't constrain the width of the overflow panel in customize mode to avoid the scrollbar being placed outside it. r=mikedeboer, a=ritu
authorGijs Kruitbosch <gijskruitbosch@gmail.com>
Tue, 10 Oct 2017 15:43:54 +0100
changeset 432412 b50526883dd5eeff65e11337c7af100ecd7caf6a
parent 432411 613890f7fb2f3de95d55d768f3fe3efa797373a7
child 432413 cfafb2da1e661170ef34550e237ebaf98cb23f00
push id7951
push userryanvm@gmail.com
push dateThu, 12 Oct 2017 01:54:38 +0000
treeherdermozilla-beta@4c2e84704183 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmikedeboer, ritu
bugs1405781
milestone57.0
Bug 1405781 - Don't constrain the width of the overflow panel in customize mode to avoid the scrollbar being placed outside it. r=mikedeboer, a=ritu MozReview-Commit-ID: GfT7LB9abBR
browser/themes/shared/customizableui/panelUI.inc.css
--- a/browser/themes/shared/customizableui/panelUI.inc.css
+++ b/browser/themes/shared/customizableui/panelUI.inc.css
@@ -1700,16 +1700,23 @@ toolbarpaletteitem[place=panel] > .toolb
   overflow-y: auto;
   overflow-x: hidden;
 }
 
 .widget-overflow-list {
   width: @wideMenuPanelWidth@;
 }
 
+/* In customize mode, the overflow list is constrained by its container,
+ * so we set width: auto to avoid the scrollbar not fitting.
+ */
+#customization-panelHolder > .widget-overflow-list {
+  width: auto;
+}
+
 toolbaritem[overflowedItem=true],
 .widget-overflow-list .toolbarbutton-1 {
   width: 100%;
   max-width: @wideMenuPanelWidth@;
   background-repeat: no-repeat;
   background-position: 0 center;
 }