Merge "Optimise checkboxes for Firefox mobile"

diff --combined resources/src/mediawiki.ui/components/checkbox.less
index a177940,ce190e5..4204c29
--- 1/resources/src/mediawiki.ui/components/checkbox.less
--- 2/resources/src/mediawiki.ui/components/checkbox.less
+++ b/resources/src/mediawiki.ui/components/checkbox.less
@@@ -14,13 -14,7 +14,13 @@@
  //   <input type="checkbox" id="kss-example-5"><label for="kss-example-5">Standard checkbox</label>
  // </div>
  // <div class="mw-ui-checkbox">
 -//   <input type="checkbox" id="kss-example-5-2" disabled><label for="kss-example-5-2">Disabled checkbox</label>
 +//   <input type="checkbox" id="kss-example-5-checked" checked><label for="kss-example-5-checked">Standard checked checkbox</label>
 +// </div>
 +// <div class="mw-ui-checkbox">
 +//   <input type="checkbox" id="kss-example-5-disabled" disabled><label for="kss-example-5-disabled">Disabled checkbox</label>
 +// </div>
 +// <div class="mw-ui-checkbox">
 +//   <input type="checkbox" id="kss-example-5-disabled-checked" disabled checked><label for="kss-example-5-disabled-checked">Disabled checked checkbox</label>
  // </div>
  //
  // Styleguide 5.
@@@ -48,6 -42,8 +48,8 @@@
                // ensure the invisible checkbox takes up the required width
                width: @checkboxSize;
                height: @checkboxSize;
+               // This is needed for Firefox mobile (See bug 71750 to workaround default Firefox stylesheet)
+               max-width: none;
  
                // the pseudo before element of the label after the checkbox now looks like a checkbox
                & + label {