Optimise checkboxes for Firefox mobile

Bug: 71750
Change-Id: I19a6837423a2c9c9d3f758c7c6a869bd02c70460

diff --git a/resources/src/mediawiki.ui/components/checkbox.less b/resources/src/mediawiki.ui/components/checkbox.less
index 826c82f..ce190e5 100644 (file)
--- a/resources/src/mediawiki.ui/components/checkbox.less
+++ b/resources/src/mediawiki.ui/components/checkbox.less
@@ -42,6 +42,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 {