Bug 1497443 - set min-width to auto for flexed buttons in the prefs, r=jaws
authorGijs Kruitbosch <gijskruitbosch@gmail.com>
Fri, 19 Oct 2018 20:36:12 +0000
changeset 490547 59b646e9e8990e8655568896885857c7fb0fc676
parent 490546 b022e81e18232fa351c5fbf4b5b59f1102eb2477
child 490548 cc7ddb5861a8de34ad979db33ebb46ff1bbfd8c5
push id247
push userfmarier@mozilla.com
push dateSat, 27 Oct 2018 01:06:44 +0000
reviewersjaws
bugs1497443
milestone64.0a1
Bug 1497443 - set min-width to auto for flexed buttons in the prefs, r=jaws Differential Revision: https://phabricator.services.mozilla.com/D8387
browser/themes/shared/incontentprefs/preferences.inc.css
--- a/browser/themes/shared/incontentprefs/preferences.inc.css
+++ b/browser/themes/shared/incontentprefs/preferences.inc.css
@@ -44,16 +44,24 @@ description.indent,
 
 button,
 treecol,
 html|option {
   /* override the * rule */
   -moz-user-select: none;
 }
 
+/* Buttons get a default min-width in XUL. When they also have flex, they will
+ * be large enough anyway, and we don't want them to become smaller than their inner
+ * text which would then overflow the button. Set min-width back to auto for that:
+ */
+button[flex] {
+  min-width: auto;
+}
+
 description,
 label {
   line-height: 1.8em;
   margin-top: 0 !important;
   margin-bottom: 0 !important;
 }
 
 .tip-caption {